This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(172.8, 51%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAM%3C/text%3E%3C/svg%3E)
I have a screen with random count of buttons.
I can place only 3 buttons in a row.
How can I move additional buttons to a new row? Like DIVs in HTML.
Ex. if you have 2 buttons, they are shown in a 1 row
if you have 4 - 3 in 1 row, 1 in 2d row
if 7- 3 in first, 3 in second, and 1 in 3d row.
Thanks!
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(316.8, 40%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYL%3C/text%3E%3C/svg%3E)
As Viorel mentioned, if you use wrapping with a relatively random number of buttons, it is more recommended to use <FlexLayout Wrap="Wrap" >.
As a supplement, please refer to the following documentation for code samples on how to use wrapping.
Consider putting your buttons inside the <FlexLayout Wrap="Wrap" > control.