When grouping a set of buttons, is there a way to evenly distribute the size and spacing of these buttons? In the example below, the button widths are manually set but looking for a way to get them all even.
Hey @paul.narup,
You can use a stack container and define the width in pixels for each component/button within the container. This will make the size persist regardless of screen size as well.
Thanks, that gets me pretty close but I would prefer to not set a hard coded pixel value to keep the flex capabilities. The issue I'm seeing is the 'Fill' width option doesn't allow each button to be the same width. It is still different sizes based on the text within the button.
Hey @paul.narup,
Got it. I'm not at my desk now, but if I rememeber correctly you can set the width on a percentage basis as well, rather than pixels, this would make it more flexible.
@MiguelOrtiz I was hopeful for that but it does seem to require pixels
Hello! We found an existing FR to allow dynamic values for the width of components (instead of a fixed pixel size) and added your +1s to it. However, setting the width of the buttons to Fill should keep all buttons the same size.
I see that's not the case when trying to build the desired layout:
We created the internal bug report for this issue and will update you here when is fixed.
1 Like