+180
Discuss & Vote

A Panel width Setting to help layout consistency for Panels viewed on different screen sizes

Brent Adam 1 year ago in Panels (dashboards) • updated by tm8747a 3 months ago 20 4 duplicates

I've been using smarttiles/actiontiles for years now and there's a specific functionality that seems super simple to implement, but remains missing...  I'd like to be able to set a maximum panel width, so I can achieve the same flow of tiles on multiple similar sized devices...  it could simply center the tiles on screens with larger resolutions, or could scale tiles +/- ~20% to fit the available resolution of the screen...  for smaller screens, it would still wrap the tiles of one row into 2 or more, but it's just too much to maintain unique panels for each unique display type...  so, for starters, could we at least be able to specify max tile spaces wide for a panel?

Answers

+1
PINNED
Discuss & Vote

Hi Brent,


I don't often allocate 3 of my own Votes to a Feature Request, but this exact idea has been on my mind for the past 2 weeks... 


The Panel rendering engine automatically scales / adjusts the Tile Size to responsively fill the entire width of the browser window. This is convenient for the purpose of automatically optimizing the view when switching resolution, orientation, or resizing a desktop browser... But, indeed, results in different or "broken" layout appearance of the same Panel for Customers with different sized Tablets in their homes.


The lack of a width option also prevents the customer from optimizing the layout to prevent vertical overflow / cutoff / scrolling of the bottom row' because setting the Tile Size smaller is overridden to be automatically scaled up to fill the physical browser width; the height is not given any consideration by the rendering engine.


Alex & I will chat about this Idea ... Thanks for posting it!


Thanks,

... Terry.

+2
PINNED

I have also allocated 3 of my votes to this.


I was thinking about it for some time and we need to discuss this and prioritize.

Duplicates 4

+1

I'm finding that side by side would be great as well. Vote for adding this capability!

Please just use Topic Votes rather "+1" or "agree" comments.



Thanks!!!

+1

Please just use Topic Votes rather "+1" or "agree" comments.



Thanks!!!

+8

Being able to place tilesets side by side would be a BIG plus. Even better would be the ability to define the width of the panel (in # of tiles) and the width of each tileset, and move each tileset to the desired position on the panel. Here's an example of what that would allow me to do (ignore the labels, just consider each different color to be a separate tileset):



This would have a 4x4 tileset (green), a 3x2 tileset (red), a 1x4 tileset (blue), and a 2x2 tileset (orange/yellow).

+1

With the exception of your thermostat tile, this can already be done.  My tilesets are called "Row1", "Row2", etc. (all with title hidden).  You can then order your things such that the above setup is duplicated.  You just have to be careful that you reorder the tiles so that they line up with the similar ones above or below.


The thermostat title is an issue because it's 1x2.  If you put this into "Row4" tileset, there would be no way to put anything on Row5 since Row4 would take up two rows.  That's ok if ALL of the tiles in the row are two tiles high because it would still fill your screen.


I think that since one-size-doesn't-fit-all when it comes to user preferences, the only long-term solution is to incorporate two things that would make Actions Tiles super-customizable:


1. Every panel has a "home" location (top left at 0px,0px).  Every tile has a absolute location based on the home location, that is, every tile has an X,Y coordinate (top left of that tile).


ALTERNATELY:


1.  When editing layout, there is a light grid displayed (based on selected tile size for that panel).  The grid has numbers on it, designating possible locations for the top left portion of a tile.  Each tile has a configuration for what grid square it begins in.  If the tile is, for example, 2x1, it would occupy more than one grid square, making the extra square(s) unavailable for assignment.


2. A user-custom theme is created where every color of every tile in the theme is replaced by a variable.  In the settings for each tile, you supply the color that each particular state of the tile is represented by (and color of text).


With these two changes, which are probably rather hard to implement, pretty much all of the requests for layout or color would be resolved.  Any tile could go anywhere, wouldn't interfere with other tiles, and could be colored in any way for any condition.

+1

I like the idea of side-by-side Tilesets and varying sizes. Playing around I was able to do something similar but with separate panels. This is using Firefox and the Tile Tabs extension.



+1

This definitely shows the power of browser extensions, doesn't it?! Wow!


One non-technical challenge we have is to drive more traffic to this Feedback Forum so that we get a diverse and accurate understanding of what Features to prioritize. Some stuff is much easier to implement than others; but we would gladly put aside a lot of low-value improvements and focus on the more valued ones ... if we are convinced it will help us attract customers and convince them to purchase after the Trial!

anyone know if there is a similar extension for chrome?  quick search didn't find it.  Thanks!

+1

This, Please so much this. I would love to be able to fill my screen and have it work much more as a control panel for the whole house as well as being able to see statuses at a glance.

Or perhaps even a Line Break Tile that we could use to force a new line... 

+1
PINNED
Discuss & Vote

Hi Brent,


I don't often allocate 3 of my own Votes to a Feature Request, but this exact idea has been on my mind for the past 2 weeks... 


The Panel rendering engine automatically scales / adjusts the Tile Size to responsively fill the entire width of the browser window. This is convenient for the purpose of automatically optimizing the view when switching resolution, orientation, or resizing a desktop browser... But, indeed, results in different or "broken" layout appearance of the same Panel for Customers with different sized Tablets in their homes.


The lack of a width option also prevents the customer from optimizing the layout to prevent vertical overflow / cutoff / scrolling of the bottom row' because setting the Tile Size smaller is overridden to be automatically scaled up to fill the physical browser width; the height is not given any consideration by the rendering engine.


Alex & I will chat about this Idea ... Thanks for posting it!


Thanks,

... Terry.

Just curious if there has been any movement on incorporating this feature?  I'm using a Nexus 9 tablet and a Lenovo 10" tablet.  If I could lock the layout of the Nexus 9 to be used on the Lenovo 10 it would provide a great, consistent layout.


Am loving ActionTiles!

+2
PINNED

I have also allocated 3 of my votes to this.


I was thinking about it for some time and we need to discuss this and prioritize.

Rather than a +1 comment, Weston; please allocate  Topic Votes  using the Vote button on the original post:



Thank-you!

+1

Please enable this. I would love to arrange "Tilesets" side by size while still having labels. That way, I can use a tablet in landscape mode and have the tilesets arranged horizontally) and vertically. 

+1

Please just use Topic Votes (rather than "+1" or "agree" comments).




Comments are welcome if they add value to the discussion: i.e., variations, compromise ideas, or special use cases.


Thanks!!!

Discuss & Vote

One challenge with this option is that a "screen height" (i.e., number of rows) would have to be specified by the customer: The existing CSS container has its width determined by the physical screen and resolution, but the height is infinite (via scrolling).


Or would you want that to swap too... i.e., "infinite" horizontal scrolling?

+2

I'm also giving this 3 votes, I'm just running into this as I have a Fire 7 and an 8 and I can't use the same panels on both if I want things to look good. Seems like having a fluid layout and using percentages could make this work across any device. The full width is 100% and you assign percentages to tiles to fill the remaining space, instead of something like 1/2/3. Probably with some sane limits so people don't start setting things to 1% and wonder why it looks like crap! Anyway, hopefully this can be improved.