fields inline on row, not columnized
-
The various column features are not working for my layout.
1 – the as the screen narrows, the fields collapse to the point of being unreadable
2 – as the screen widens, columnized fields spread apart leaving large spaces between feilds
3 – at some oddball point heading toward mobile widths when the columns stack, the fields take on odd width that is not full screen width,
etc.
4 – input fields and calculated fields are not the same width and do not grow/shrink in the same manner.What I would really like is fixed width columns (various widths each) that are inline with a set (small) padding in between (for desktop) and stacked for mobile.
I am struggling with the proper CSS here.This need is not for the whole form, just selected sets of fields (divs?) where data is input.
See attached
Top field set is what I am looking for
Bottom is what results from using the various column options (old, new and container)
example
-
Thank you for the response.
I understand how the column settings in the containers and the predefined class names (both the old and new style) work.
Fixed width columns and expanding/collapsing field widths are not giving me the results that i am looking for.
I would really like to have fields sized to fit the content and not responsive. As well,I would like to Have them adjacent to each other separated by fixed margin, regardless of the screen width.
How do I contact you for custom/paid help? I do understand that I am asking for something a bit more complex than expected for basic support.
The topic ‘fields inline on row, not columnized’ is closed to new replies.
