Wrap buttons in the same row like foursquare tags

Hi, guys!

I’d like to know if it’s possible to group buttons like the image in this link: https://upload.wikimedia.org/wikipedia/en/f/f2/Tastes_in_Foursquare_8.jpeg

I tried to use ColumnLayout or WrapPanel inside my Each loop but I ended up aligning them from left to right or right to left, never at the center of the screen.

I’d like to present two or more buttons in the same row if it has available space for it. Currently, it only present one button per row. Looking at this example from Foursquare, we can see two and even three buttons in the same row. I’d like to replicate this behavior.

Thanks in advance!

Hi Carlos,

I would have thought that RowAlignment would be exactly what you need, but when I tested, it did not have any effect.

I’ll raise this for further investigation.

Edit: no, it is not. There is a pending feature request for ContentAlignment, but that isn’t there yet. You’ll get notified when there are any news.

Thanks for the support, Uldis!