WebIQ Development - Am I just over thinking this, over-complicating it, or expecting too much?

I feel dumb at this point while at the sametime I cannot find answers to my questions in the documentation; but then I find stuff like "Depending on the widget and component, only certain styling options may be available. You have to find it out."

Uh, no.

I expect the documentation to cover this information among other topics like, how to do a simple carrige return in a label between two words.

I am coming form FactoryTalk View Studio which is very dated and needs a massive amount of modernization; however, at the sametime it is far more intuitive.

Want a carraiage return in a set of text? press enter and keep typing.

Want to illuminate a button to indicate a state of logic sperate of the command tag? Assign a tag to this illumination animation that is true only when the logic completes.

I know there is a lot I don't know but I feel like basic functions such as this should have some sort of explination.

1. "Depending on the widget and component, only certain styling options may be available"
As WebIQ constantly improves with new features added we in some parts cannot document every single field for every specific widget as it's a lot easier to simply have a look at it in WebIQ Designer because when you want to style a specific widget, you'd have to select it anyway in WebIQ Designer's Layout Manager. Have a look at the IQ Styling options for several widgets:

We're always striving for intuitive user interfaces that - in contrast to other systems - do not require you to read through a lot of text in the manual to understand them. Instead, we want the user to be able to use the software intuitively. Though that may not always be possible and does not work for everyone, in this specific context where you have to select the widget anyway to style it I think it is quite intuitive: if you want to style the widget's label, choose the "Label" selector etc.

2. Line breaks in Labels
Line breaks in labels are not supported currently. As a workaround you can however empty the label field, disable the "Auto" button and put a simple IQ Text widget where you want to have the "label" as that widget supports line breaks. Usually CSS would be an option, but in labels the line breaks are removed automatically by the widget's JavaScript code so overriding with CSS is not possible here, unfortunately.

3. Line breaks in texts
As written before the IQ Text widget which is the widget used for rendering text supports line breaks. You can also use line breaks in localization variables.

4. CSS Modifiers
For changing styles of widget based on item values CSS Modifiers are used in WebIQ and fully documented here: https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.14-3d30/index.html#css-modifier
Our Design Demo at https://demo.smart-hmi.com/design-demo/ also shows an example ("Conditional Styling")- you can download this demo right from inside WebIQ Designer and see how it's done.

Please note that often things are done differently in modern web HMIs than in traditional HMIs. Also, often you can simply achieve the desired result when it comes to styling using custom CSS even when no option is included in WebIQ Designer - something that would be impossible with legacy non-web HMI systems.