0
Waiting for Customer

Any way to reflow small Tiles amongst larger ones?

Max R 6 months ago in Panels (dashboards) updated by Terry (ActionTiles) (Co-Founder) 6 months ago 1

Hi all, just wanted to know if I'm overlooking the obvious, there's a neat trick to this -or perhaps it's a backlog item.

A picture says more than a bunch of words. This is what I'm trying to do:

It should be said that the screen size may be wider than what the screenshot shows. Second, each row of tiles is currently defined as an individual tile set. Not sure if that's the right way to go about it, or I'll have to McGyver it with a bunch of blank tiles to make the tiles fall into place. Any suggestions?

Waiting for Customer

Good question, Max...

This is one of those things that is tough to describe, but once you understand the underlying consistent behavior, will hopefully start to make sense. Especially if you experiment.


Rules:

  1. A Tileset will not be able to fill in that space, because a Tileset always starts a New Row. So if any Tiles in the previous Tileset take up 2x(height), then the blank spaces to the left of the 2x(h) by 3x(w) Weather Media Tile will never be filled in with Tiles from the next Tileset.
  2. Within a single Tileset, Tiles go left-to-right, then when reaching the right edge, go top-to-bottom, and always fill in the spaces created by 2x(height) or 3x(height) Tiles. If you don't have enough Tiles to fill the row, use Blank Tiles.

So, assuming the screenshot above is the entire width of the screen (or you add Blank Tiles after the Weather Media Tile sufficient to fill the rest of the row...), you can achieve the desired infill (indicated by the red arrow), using this pattern in Panel Builder - all in a single Tileset.

Width x Height

  • 1x1 (valve)
  • 1x1 (valve)
  • 1x1 (valve)
  • 1x1 (panel shortcut)
  • 3x2 (weather media)
  • add Blank Tiles here if the you haven't reached the end of the row
  • 1x1 (routine?)
  • 1x1 (routine?)
  • 1x1 (routine?)
  • 1x1 (panel shortcut)

Please give the above a try and let me know if it behaves as I anticipate.