Add CSS class feature to fields

I would like the ability to style different fields with different css. Example: I have created a select:

Closed::Closed %% Open::Open

Now, I would like the "status" text, to be red when closed is selected, but I can't do that now...

So what I'm asking for, is a way to define a css class for the types, and e.g. on select fields it could be done by another parameter for each item like: Closed::Closed::cssClass %% [NEXT ITEM]

It this something you would consider?

Thanks

Hi and first of all welcome on or forum,
The answer is no for a simple reason, if I do that, it may have effects on existing live sites. That means, many users started to use this syntax (that is far to be perfect) and data are now saved and processed this way.
It always dangerous to change an existing syntax
I will think about that to see if there is another solution. (I have to think about that anyway to allow to render values a list for multiselect)
Cheers,
Emmanuel.

Thanks for your reply.
I understand your concern, but I believe there could be ways to avoid problems with existing sites.

If I understand the current logic correct for select field, it is:

Label :: Value :: Image %% [next item]

Could you not work around the issue with existing sites, by "wrapping" the css or other param in a new "container" like

Label :: Value :: Image :: | cssClass :: Value, param1 :: Value, param2 :: Value | %%

or

Label :: Value :: Image :: [cssClass :: Value, param1 :: Value, param2 :: Value] %%

I believe there could be many ways to work around the "problem" - this i just a suggestion.

I do not say it's not possible I say it's dangerous and wont take the risk.
What I'll probaly do is to add a span with an automatical class to each element.
But I do not want to complicate the syntax too much and there are so many prioritary things to do...
If you need that for you project, it's quite easy to duplicate a field plugin, rename it and adapt it to your needs.
Emmanuel.

Hi again

I fixed my issue in a simple way.
I added a prefix and suffix to my field like this:

prefix:<span class="cssClass">
suffix:</span>

Then in the file /plugins/flexicontent_fields/select.php around line 212

I replaced the if statement

with
You can see an example here solar7group.com/aktuelle-projekter.html (the red and green text)

It will use the elements value to create a css class you can style

Tricky solution
That was this kind of thing I was thinking about. To be sure the value is usable as class you could modify it like that:
Of course you don't need it for your own use, but it will ensure that there won't be spaces inside your class.

Thanks for sharing,
Emmanuel.