Custom styles by field value (is it possible?)

[Hubert]

Hello,

TW makes it possible to apply custom CSS styles to tiddlers based on their tags, as explained in the documentation.

In a similar fashion, would it be possible to have custom styles applied based on a pre-defined field value or is this functionality limited to tags at present?

Thank you in advance for your tips and insights :)

Best regards,

Hubert

[Riz]

Any string mentioned in the field "class" is can be used as a css class in stylesheets. Is that what you are looking for?

[Hubert]

I'm specifically trying to find a solution whereby I could manipulate the tiddler frame CSS element (tc-tiddler-frame) for a specific tiddler only, i.e. without affecting all the other tidders en masse.

The problem is that the CSS element called tc-tiddler-frame has to be defined in a different tiddler tagged $:/tags/Stylesheet to have any effect. However, it will then affect all tiddlers.

I've come accross Custom styles by data-tags as one solution that defined the set of tiddlers to manipulate but if a solution exists to modify an individual tiddler in this way that would solve it.

I'd rather not use tags for this; I'm relying more on fields and use tags sparingly.

My knowledge of CSS is limited, so I'd be grateful for any suggestions.

Thank you!

[PMario]

Hi,

Have a look here: https://tiddlywiki.com/#How%20to%20apply%20custom%20styles:%5B%5BCustom%20Styles%20FAQ%5D%5D%20%5B%5BHow%20to%20apply%20custom%20styles%5D%5D%20%5B%5BCustom%20styles%20by%20user-class%5D%5D

There is a field named: class ... that you can use.

have fun!

mario

[Hubert]

Thank you! This is what I need, exactly.

[TonyM]

Hubert

Just to let you I am using the class field set when I create tiddlers from templates, but change the class if needed. It works well.

I am also using the data classes to change the background of the tiddler title bar with status and the boarder when archived. There is very little we cant do. I only wish all the built in css names were better documented.

Regards
Tony

[Hubert]

Tony,

Thanks for that, a great idea. I'm too creating most of my tiddlers using buttons with fields/tags set automatically in the process. Being able to dynamically manipulate CSS classes in this way as you say is one of the many things that make TW so great and flexible.

I've recently come across Jeremy's Github entry that included some CSS classes used in TW but did not take note of it and I'm unable to find it now. The TW documentation is a great starting point but it's certainly lacking.

Again, thanks to this great community for help!