flex and grid

[vlappa]

Not sure how useful this is for immediate gui design, but fltk is a simple toolkit which just implemented flex and grid after doing some research in other libraries:

https://www.fltk.org/doc-1.4/classFl__Flex.html#details
https://www.fltk.org/doc-1.4/classFl__Grid.html#details

[david-vanderson]

I'm a bit confused. It looks like what they mean by "flex" is a single row or column. dvui has a flex layout (see FlexBox part of Layout demo) but we use that term to mean "layout children horizontally and break into multiple rows if needed".

dvui doesn't have a dedicated grid layout widget yet. Generally I try to wait until someone needs a feature so that we have a better idea of the requirements.

[vlappa]

I'm not a gui expert, but when thinking about it, I can imagine it would be annoying if it would break into multiple rows.
I think Fl_Flex was inspired by CSS flex, at least the name.

Here is more about Flex and Grid
"Fl_Flex widgets can be nested inside each other and with Fl_Grid in any combination."

https://fltk.gitlab.io/fltk/coordinates.html

[david-vanderson]

Hmmm maybe a terminology thing then. dvui BoxWidget does the normal row or column no breaking. I thought the whole point of CSS flexbox was to break things up into multiple rows?

[vlappa]

I thought the whole point of CSS flexbox was to break things up into multiple rows?

No idea. :)

But here it says you can set it to 'wrap':
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

My ideas are audio related as you saw in that other discussion. Making small widgets which can be used to control a external sound source. Rows and grids are important in this idea (Sequencer). A bit similar as the widgets in bespokesynth maybe:

Or to mimic a hardware device:

[david-vanderson]

Thanks for the images! I'm reasonably sure that dvui can support these today. If you run into a situation where it's unclear how to do it, please post the code you have and we can figure it out!