I’m still away form home, looking at it from my phone but it looms like the third group (which is the first from the left in your case has incorrect width:
title: 'תאורה',
width: 1,
height: 3
As far as I can see on the screenshot, the width should be 2.
Thank you very much - it did the trick.
How can i change the size , i want to use it in a 7 inch tablet it gets everything big
You can comment out head
and try to adjust tileSize
and tileMargin
. I did not have time to test it on smaller screens yet.
Post your results when you resolve this
I think i know what’s the difference, do you test it locally or did you put the file in hassio www directory and accessing it remotely?
Starting to get done with my configuration.
Missing weblink posibility tho, any idea how i can get these up? i want them as a list like the sensor lists. Also need some fine tuning of tiles to fit perfect on ipad.
Here is my preview, cameras page not much to see, they are just side by side.
Big thanks to @resoai
Great Dashboard
Wow, that looks nice. To be frank I’m not a fan of allowing hyperlink inside the dashboard since the point was to remain within the dashboard. If you absolutely want it, you can alter line 53 in tile.html
changing ng-bind
to ng-bind-html
and adding some CSS for a hyperlink to main.css:
a, a:visited {
color: #444;
}
You will than be able to have hyperlinks in text_lists as follows:
{
title: '<a href="http://tfl.gov.uk" target="_blank">Northern</a>',
icon: 'mdi-subway',
value: '&sensor.northern.state'
}
Hi,
Great work! Is there a way to change the pages menu to be show in the horizontal at the top of the page?
Unfortunately no, the whole idea and structure of the dashboard relies on page buttons to be on the side.
:-(. The side buttons should work very well on a tablet, but doesn’t work so well on the phone which is my primary use. Is there a way to hide it and use a “tile.page” like the navigate widget on hadashboard?
In all fairness, dashboard are only meant for tablets and larger touchscreens, I can’t think of a better mobile UI than the stock HA one. Since dashboard is simply an HTML page, one could tear it apart and Frankenstein anything they want but I never liked the way Hadashboard handles navigation and had a clear view of how I want my dashboard to look and behave.
This looks great! I’ll have to check it out once I have finished setting up my devices.
I have just implemented a lock
tile. Would someone be so kind to test it as I don’t have one in my HA?
I’ve also implemented cover tile which needs testing since I just did it blindly
{
position: [2, 3],
type: TYPES.COVER,
title: 'Garage door',
id: 'cover.garage_door'
states: {
open: 'Open',
closed: 'Closed'
}
}
Anything in particular you are interested in?
I’ve also just added support for Google API key which is now mandatory if you wish to use Google maps along with the device tracker.