Streaming live at 10am (PST)

How to align checkbox form elements to be on same row/line


#1

I have a form, and each check box / label take up an entire row. Is there a simple positioning function I can click in the edit panel to bring them all up so they automatically appear 2 or possibly 3 options per line?

How can I very quickly achieve this effect?

Thank you.


#2

Hi, @Tine22

Give the Checkbox Field some class and make it display: inline-block

Cheers,
Anna


#3

they are not aligning in neat columns. Without using that column tool, how else can I neatly align these. I like the way they are auto-wrapping to give me a 3 Col layout... some of the checkbox label text is longer than others, so the layout is staggered. Does that makes sense?


#4

Hi @Tine22

Can you please post your read-only link?

http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

thanks in advance :smiley:


#5

how do you align them in columns without using that column tool within a form so data fields will continue to flow in their rightful order?


#6

It's hard to visualize what you would like... As Pixelgeek said above, please share your read only link. :wink::grinning:


#7

you might want to try creating a table by manually coding it and using the EMBED component, or use Flexbox.

https://help.webflow.com/article/the-flexbox-guide


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.