How to center items in flowBox

Support
#1

How to center all vbox inside a flowBox ?

#2

Hi,

Unfortunately, flowBox have no abilities to align nested components. Its purpose is to place components horizontally with line wrapping if there is not enough space in a line.

I can help you if you describe in more details your needs.

Regards,
Gleb

#3

Hi Gleb,
Thanks for trying to help me with this.
I was hoping that flowBox has a property which allows to align everything what’s inside it (children components), just by setting a property like

centerAll="true"

, but anyway I fixed it by doing some css tricks like

display:inline-block; float: none !important;

Regards,
Gent

1 Like
#4

Hi Gent,
I was unable to reproduce your solution, could you explain to me in more details, please, is that a style for flowBox itself or rather for nested components? Actually I tried both ways and didn’t get the expected behavior. Thank you.

#5

Managed to do this by wrapping an additional hbox to the flowbox:

<hbox width="AUTO" align="TOP_CENTER">
    <flowBox width="AUTO" align="TOP_CENTER">
         // Contents
    </flowBox>
</hbox>

Regards,
-b