I just added a label inside a Flex Container tos how the tittle
In vision you could add tittles:
Is there other way to do it in perspective?
If no I stick with the label.
Cheers
There is no other way to give a Flex Container a title so you would have to use a Label, yes.
1 Like
You can achieve the same thing using css styling. you need the border and some absolute positioning for the label and set zindex properly.
a good example of some css on this ( you can mostly ignore the html, but the classes need to be properly applied to parents and components)
1 Like
Thank you guys, will try with the absolute positioning for the label. Cheers.
You can also just nest your flex row container containing the checkboxes inside a flex column container. Style the flex column container to have a border or show up as a surface, which you can do either via css or via the style editor when the flexbox is selected. Then drop in a label in your flex column container above the flex row container.
2 Likes
Good idea!
Thanks guys, is working, for this solution just added a label on the flex container with an absolute position with margin top 0 as one of the solutions proposed
There is a css solution for this, but that looks better with less effort 
I suggest you add a style gap:5px to your flex reptear btw, and maybe reduce the spacing between the label and checkbox
2 Likes
adding the gap make the checkboxes look much better, thanks!
Giving the a class like checkboxNoPadding to the checkbox and adding this css tot he stylesheet. It will also reduce the padding between checkbox and label.
.psc-checkboxNoPadding.ia_checkboxComponent .checkbox-input-label--right{
padding-left: 1px;
}
for a list of checkboxes like that the padding should really make it clear which label is with which box
2 Likes
