ChronoEngine.com homepage

Forums

Please write a review for the extension you are using on the Joomla extensions directory before posting a new question as we are being spammed by many negative reviews.

Thank you for your support!

How to add a CSS class to a page component

NickOg 08 Nov, 2020
Hi
I want to add a CSS class to areas or fields and the like. How do I do that? I can't find the CF6 'class' options in CF7.

Regards

Nick
NickOg 08 Nov, 2020
hi
but that would only add my CSS definitions to the form would it not? How do I add a reference to those definitions into a control?

Nick
NickOg 08 Nov, 2020
Answer
I have found the answer to this.
To include a class reference in a control, add an HTML Tag Attribute named 'class'.addClass.png
JPBleau 29 Dec, 2020
How can we change the icon attribute? using the add custom puts the class in the input and the icon is under input, not inside...
What I want to do is to replace the icon with an image. Or can we put images inside the label ?
NickOg 29 Dec, 2020
I am not quite sure that I understand the question. There is the icon attribute on label in some areas such as 'message'
icon.jpg

Or, if that is not it, you could perhaps add an image using css but I have never tried that.
 div.clsBookingRepeater span.clsCourseID::before{
content: 'Course #';
}
JPBleau 29 Dec, 2020
I did put an icon, but chose None. It creates a <i> tag under the input. Using CSS, it is possible to put an image in there, but the class is not changeable in the <i> tag. That would be nice....
Max_admin 03 Jan, 2021
where exactly do you want to place an image ?

if you do not like the icons in the menu then you can write your icon's name, the whole list is available on the font-awesome website here:
https://fontawesome.com/icons?d=listing
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
NickOg 03 Jan, 2021
Now that is very useful Max
Thanks
Nick
You need to login to be able to post a reply.

2Checkout.com

2CheckOut.com Inc. (Ohio, USA) is an authorized retailer for goods and services provided by ChronoEngine.com