Jump to content
  • 0

Form fields single row: continue same line but still wrap?


roattw
 Share

Question

Would like a form to have all fields on same row, and Continue Next Element on Same Line works too well.  Some of the fields are cascading dropdowns with some longer inut, so as fields get entered will push end fields off screen to the right as expected as its honoring the Continue Next Element on Same Line command.  I would like them all to continue same line UNTIL they run out of room, then wrap.  

Interestingly it can do this on smaller screen sizes - if you drag windows smaller it will evenetually revert to stacked single fields.  But you have to resize window almost 50% until this happens.

Would like Continue Next Element on Same Line as long as it can responsively, then wrap.

 

 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Hi there!

If I understood you correctly, to make form elements to wrap when they running out of space, you could add next CSS code snippet into the header of your form DataPage

 

<style>

section[class*="cbFormSection"] div.cbFormNestedTableContainer {
display: flex; flex-wrap: wrap;
} 

</style>


Let me know if this helped.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...