Dashboard Tile Size

I'm trying to configure my dashboard with a second generation 9.6" iPad that I have hanging on my kitchen wall but the tile size is too big. I can only get a single page screen grid of 4x4. I was using this same tablet before with ActionTiles and had a 9x6 grid (9 columns, 6 rows). It also seems that Dashboard does not know that the iPad is in landscape mode. Adding a column results in a row being added. Which would be true if the iPad was in portrait mode. Any ideas on how I can get a 9x6 grid to work on a single screen with the Hubitat Dashboard?

You can change the grid size to whatever you want in the options for the dashboard. Just click on Layout Options.

image

1 Like

How old is the ipad? Older first and second generation ipads do not support the CSS Grid and fall back to a fixed width left to right layout.

I tried changing the rows/columns but it never allows more then 4 tiles across the screen :frowning:

That could be the case. ActionTiles worked without issue, maybe they were doing something different. I'll try with a newer iPad and see what happens.

I primarily use this with my iPhone and found that adjusting the column width and height in the Dashboard Options tab I got my dash to fit nicely on my iPhone. Not sure if this helps but thought I'd toss it out there.

image

3 Likes

You can remove either or both for autofit as well.

Used those settings to get this screen for iPhone10, fits nice, not so much with blanks.

So this may be the issue I'm having on 7" fire tablet that's a couole of years old. I can't get the tiles to size or follow the layout I want.

ActionTiles worked fine when I was on ST.

Maybe I should try with a different browser?

Simon

Sounds like it doesn't support css grid. So yes, try any modern available browser.

I'm using Fully Kiosk (updated it to latest 1.33 version) - looks like it uses Chrome for it's browser.

Outside Fully I loaded Chrome, browsed to HE on the tablet, dashboard works as expected when I display it from there.

I've gone through all the FK settings and I see nothing re CSS - a heap of other HE uses must be using FK - so how do they get their dashboards to display correctly???

Thanks, Simon

The CSS modification is within HE, itโ€™s not a setting in FK. You can add a custom CSS file that is โ€˜appendedโ€™ before the page is served to FK and thus FK just displays the modified content.

Did you resolve this. I just bought a new android tablet and FK displays some tiles way too big. Using Chrome which I latterly installed, displays okay, just not in FK. FK also complains that the chrome version is not up to date (but it is). I wondered if somehow FK is using the bastardised chrome that was the tablets default browser?

I did.

I factory reset the Fire tablet and then loaded the latest of everything onto it.

Tiles scaled as expected then.

S

Hi,

How you get to this menu to config tiles size ?

Thanks

Welcome to Hubitat!

Go into a dashboard, and in the upper right corner there is a gear icon.

In the first "tab" you should see number of columns, rows, font size etc.

In the next "tab" (black bar at the top) it says Options. This is where you get to set row width, height, and so on. I usually have a fixed height, but clear (no entry) the width. That will autosize for width, but keep a reasonable aspect ratio.

@neonturbo - Thanks for the tips. It is not obvivous at all. I though they window title :slight_smile: