Hi, I like this HADashboard… I have installed AppDaemon 3.
I need some help to configure it…
Many thanks in advance
you have to create a custom skin and have knowledge about css
in the skin you can set a background and default widget information.
furthermore i think that in this dashboard another widget size is used.
probably something like (120x40)
that way eacht widget gets size (1x3) exept the top row and bottomrow.
Hi ReneTode… I don’t have knowledge of css, I wish to have a similar example to see to use as base for my customizaton… or a step by step tutorial
in that case i advise you contact the person who created that skin, to ask if he wants to share his code.
you can at least read the skin creation part in the docs.
https://appdaemon.readthedocs.io/en/latest/DASHBOARD_CREATION.html#skin-development
but you need to learn some css to be able to change anything.
the code for the default skins: default, zen, obsidian, glassic and simplyred can be found here
if you havent created some dashboards already then i advise to start to create some simple dashboards and then view it with those skins.
after that you can create your first custom skin with the files from 1 of those skins.
then you can try to change small things untill you got what you want.
i can help here with simple steps, like how to get a bottom line like that, but only after you already have a working dashboard.
How to put a background image in my dashboard?
by creating a custom skin
https://appdaemon.readthedocs.io/en/dev/DASHBOARD_CREATION.html#skin-development
Thank you ReneTode, I will try to create a simple dashboard next weeks.
Now I have a problem with Google Assitant integration… I do not find a step to step tutorial… this https://www.home-assistant.io/components/google_assistant/ is not detailed.
sorry, i cant help you with that, because i dont own a google assistant.
Do i need to create a new skin also if i want to add a background image in the default skin?
Sorry to kidnap this post. I read that if you have a to small background picture it will be stretched. But if the pic is to big in size but theprportions are correct, will it then scale it down?
@maurizio53 yes, because you cant modify the default skin, so you need to copy it to custom_skins and modify it there.
@Yuran it depends on the CSS settings that you use in the skin.
i think it should be possible, but its not normal in HTML and CSS if i am correct.
Where i find the default skin?
depend on where and how you installed appdaemon and what system you use.
but its inside the appdaemon github as well.
if you do copy the files, make sure you place them on the right place, that the files have the right filerights and please name the dir something else then default.
In css you can set a max size, then the pic will be scale to that whatever the original size is. I use it a lot building websites
1 Like
i havent built that many websites 
my CSS experience is mostly from what i learned in the last 2 years with dashboard.
so thanks for telling.
so if i set a max size from 1600x900 then it will scale down to 1024x768 if my screen has that format?
The best is to set it to max-width only. It will keep its ratio intact. If you are intersted what css can do I think this is the best reference to use
https://www.w3schools.com/css/css_dimension.asp
thx, i use that site a lot, didnt find max-width though.
but it doesnt say it scales down a pic. i guess i have to try that out
You can also use background: cover
But remember that the aspect ratio must be correct otherwise you can end up to have to scroll.
But for a dashboard that will be shown in one place and in one browser the easiest way is to set width and the height will follow, but also here the ratio must be the same as the screen resolution
1 Like
I have just started to look into hadashboard but looking forward to it. Will also be interesting to see how android chrome browser react to css. But the dashboard is an amazing pice of code
1 Like
untill now i didnt find anything that android chrome reacts different then chrome on the PC.