Problem
- I’m trying to create a clean web form using a grid layout with dynamic columns width
- currently, a group of columns expand in a predetermined way to fill the entire row
- I wish to be able to control how they expand using if conditions in the appearance field
User story
- specific use cases of the grid layout with same-row skip logic
- e.g., I have 3 questions in a row, each with w1 width; question 3 is conditioned to showup only if question 2 is answered as ‘yes’. in this case, each question fills a third of the full width and the display is as desired.
-
before answering question 2 and when answering as ‘no’, question 3 doesn’t show up, so, question 1 & 2 expand for each to fill half of the full width creating a misalignment with the previous and following rows of questions.
-
Proposal
- in the previous example, if I could set appearance for question 2 as something like: if(${q2}=’yes’,w1,w2) it would be great, because then question 1 will always be taking one third of the full width, maintaining alignment with other rows of questions, while question 2 would fill either 1/3 or 2/3 of the full width based on a custom condition.
- alternatively, a combination of features would be needed:
- add a Row Break option for certain questions so they’d be always set to start at a new row no matter what width values the previous and next questions had.
- add a Fixed vs Flexible width feature where a certain question would have a fixed non-negotiable w1 width (always one fourth of the total w4), while another column having a flexible w1 width would expand to the half or all the full width if no other questions filled that space.
- this second feature would either break your rule of maintaining full-width for ALL ROWS, or will need to be validated by the app to give an error message in the preview or deployment stage.
