By Vinny Hebert on Wednesday, 04 December 2019
Posted in Feature Requests
Replies 6
Likes 0
Views 3.6K
Votes 0
Would love to be able to add classes to the input types com_content.form.edit fields so I can customize them using UiKit.
Hello Vinny,

You can wrap the field and add a class which you can pinpoint down that way. Or are you trying to re-use additional classes?

Many thanks
Tony
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Uikit has some classes that adjust the length and other styles of the input field. Wrapping them wouldn’t do what I want to do. The field itself would have to have the class.
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
IT's a tricky request the more I think about it, given we would need to know where to insert it on the field. I'll check with @geraint#
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
As Tony says - the issue is with knowing where to place these custom class names, for exaample checkboxes and radio boxes would be quite fiddly with the label and input tags.

We may be able to do a bit of DOM manipulation to embed the custom class names into all the embedded 'input' type fields. So if you added a custom class (or classes) it would be pushed into all the embedded <input>, <textarea>, <select> tags but any other tags such as <label>, <span>, <button> would not be affected.

Would that be enough flexibility/functionality?
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
It should. If this could also include the media field (<img> tags too). My main go was to add the Width modifiers as show on this page https://getuikit.com/v2/docs/form.htmlhttps://getuikit.com/v2/docs/form.html
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
I'm wondering if a better option is to use some CSS selectors directly - would probably be easier to do. Is there a page we can look at where we may be able to advise you on some custom CSS you could use.
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post