Forums

Hi! When we use a 'thank you' message in a CF6 form I believe the styling of the message shown is changed by CF? Or not?

Would it be possible to get an option in the message form field to disable CF styling (UI?) and use the default Joomla styling (or the styling we applied ourselfs to all Joomla messages)?

Now we need to override CSS styling added by CF. It would be easier to prevent the extra styling added by CF.

But maybe I am missing something or this is a more general Joomla! CSS thing?

Kind regards,
Jip

Hi Jip,

Just write your message in a "Custom code" action and it will have no styling at all, or you can use your own HTML code there!

Best regards

You mean we could use something like this:

JFactory::getApplication()->enqueueMessage(JText::_('Bedankt voor je bericht.'), 'message');

Or even easier? Not sure what you mean ;-)

OK, I see we can indeed just add a 'custom code' just to show some HTML text ;-) Nice and easy. We could style this by putting it in a div if we want.

I guess calling a Joomla message can be done with a PHP action if you want it to be styled like a default Joomla message.

I tested the Joomla 'message generating' PHP code in a PHP action and that also works fine. The text hows up in a default CMS message, styled as in your site template. So thats a nice alternative for the thankyou message..

But still: Other messages generated by CF ('You did not pass the honeypot test' or the list of items that are required - see attached screenshot) are shown in a message box that is styled differently the the default Joomla message. I don't know how we can change this, other then add some more CSS.

Does CF use the CMS message system (and add some custom styling to it?) or does it use it's own 'alert boxes'? What would be the best way to add styling to these boxes if they are not CMS boxes?

Hi Jip,

Chronoforms uses its own alerts to show these messages, you can override the styling with CSS if you like.

Best regards

OK thanks. We will do that. Thanks Max.

CFv6 uses semantic ui, you can check this docs about messages and styling:
​
https://semantic-ui.com/collections/message.html