CS Forms - global form styles

I know it’s late in the testing cycle and you’re wrapping things up but I’ll just drop this here for your consideration.

Having global form style controls you can set once that affect every CS Form would be very nice to have. Instead of toggling things like labels on/off and defining styling and spacing for every form, you could define base styles quickly and easily without necessarily having to create a component for every field type.

5 Likes

The templates we’ll be shipping will all have form inputs as components to make it easier to style and so you don’t have to set that up yourselves. We’ll have a number of different styles too. I unfortunately don’t think having the Form element control all styles will scale well when you see how many controls the Date Picker calendar will have. Plus think of all the future control elements we’ll have. We do want a system to control the default values for any Cornerstone element, but hopefully our shipped components will bridge that gap for the meantime.

2 Likes

Alright, that makes sense. It’ll just take a bit more time and effort to get it all dialed in then. It’s not a complaint. I’m still thinking too much withing the boundaries and approaches of conventional form plugins :smile:

Very nice! I think I’ve requested something like that years ago.

Relating this this I did wonder if could expand the presets and templates side of things to handle defaults. E.g. If from libary and when saving a new Preset you could set that as default for that element would be great. Then the next expansion not sure how well it would work in terms of coding but when you import a preset or if it was default that element might have some tag on it backend or somewhere that means that preset/default style has not been altered on that element so then you have an option to edit your template via library and push that push to all existing elements that have that preset/template.

1 Like

There would be something similar to Presets in this system we’re working on. The problem with Presets right now is that if your preset has a change, it’s not changed on an element you applied the preset too. Only the first time.

1 Like

Wouldn’t it be great to have a way to change the design of i.e. all labels in my form according to font, size, color? Or even for all forms in my project? Working with big forms I otherwise will have to change field by field when there is a change in the general design.
Having at least a font, color, size, ??? selection in the form container would be great, so these settings could be used as a default for every input element – and beeing overwritten by changing the values in the input element itself.
What do you think?

It’s all something we’ll have handled by our default element value feature.

Font family’s in forms are controlled by the body font family in theme options. Div’s having a font family control to alter this too would be cool.

The paste style feature will work properly in the next form and theme update.

1 Like