Tweet
I have an app that has buttons assigned to a number of tile widgets. There are 10 tile widgets across the page and each is a single column. The columns are relatively narrow. There are 5 buttons at the top of each tile. Everything works fine on my screen with its high resolution. However, on lower resolution displays, the button list is truncated on the right. There seems to be no way to access the button that extends beyond the edge of the tile. Is there any way to get the button row to wrap or is there any other technique available to be able to address the problem?
-
-
We will add an internal ticket to handle this scenario better. In the meantime, here are a few options:
1. Make the buttons icon only
Edit each tile button and drop the text so it is icon-only, then put the label in the tooltip.
2. Split the row
On each button’s Placement settings you can set Position to Top or Bottom and Align to Left or Right. Moving two or three actions to the bottom of the tile (or mixing left/right) keeps everything reachable without needing a wider card.
3. Let the tiles themselves wrap instead of shrinking
Ten single-column tiles across the page will always get very narrow on a lower-resolution screen. Assuming you have "Specify number per row" set. Switch to "Minimum width" rather and let the tiles automatically wrap.
Comment