Streaming live at 10am (PST)

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

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.

Hi, @Tine22

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


1 Like

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?

Hi @Tine22

Can you please post your read-only link?

thanks in advance :smiley:

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?

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

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

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