I'm using Dynamic Forms 3.4 and I find it frustrating when I can't easily control the style of an object on the page via a CSS stylesheet because there is hard-coded CSS in a 'style' attribute of an HTML tag.
For example, I couldn't understand why, no matter how hard I tried to change the width of a DynamicForms_GridHeaderColumn class object, it wouldn't change. Then I looked at the generated source and see:
style="white-space:nowrap;">Heading: |
The only way to override this is by using the "!important" modifier in your stylesheet (e.g. "white-space: normal !important;") - something most people don't even know about and not a desirable thing in this case.
Why not just add "white-space:nowrap;" to your own CSS style definition? That would make it more obvious and allow easier overriding.
This principal should be true for
all HTML tags you generate, not just this particular one. Since tags can have multiple classes, there is rarely a need to hard-code CSS in a tag. This would help to make your module more web-designer friendly.
Thanks!