Page 1 of 1
Flex Container as a Form
Posted: Wed Jan 30, 2019 1:43 pm
by lummis
I have a form which I have been using for some time which is in a Flex Container. The input boxes are in a column, centred in the page and the settings are
I now wish to add a checkbox with a label but with the current settings they are one above the other rather than side by side. Is there a way I can get the label and checkbox together on one line or will I have to rethink my design for this page.
Re: Flex Container as a Form
Posted: Wed Jan 30, 2019 2:00 pm
by Pablo
There is no standard option for this.
With layout grids you can set the full width property to 'false' . But with a flex container this will be more difficult.
Re: Flex Container as a Form
Posted: Wed Jan 30, 2019 2:05 pm
by lummis
Thanks Pablo, that will save me looking for an answer which isn't available

Re: Flex Container as a Form
Posted: Wed Jan 30, 2019 9:43 pm
by lummis
Just come back to this after a few hours away. Have I misunderstood as, although I can find the full width property on the label object, I can't find one for the checkbox object. Can't find a full width property on the Layout Grid object either.
I know I could use the Form object but I was trying to avoid using breakpoints.
Re: Flex Container as a Form
Posted: Thu Jan 31, 2019 7:11 am
by Pablo
I was referring to the full width property of the label.
A checkbox is an inline element so it does not have full with option.
Re: Flex Container as a Form
Posted: Thu Jan 31, 2019 7:20 am
by lummis
I am sure that is what I did last night and I couldn't get it to work. Having reopened the project this morning, the checkbox is now aligning with the label. Perhaps I should have had a good night's sleep before coming back to you!
