Darn. I was playing around with getting my cameras on another page. They don’t look so good with the sheen on them. lol
Here is my latest. But now I have a questions.
I’m getting into a theme with my dashboards. The only things that are different are the background, item colors and maybe a few icons (mostly the things in the variable.yaml file.
Can the variables be used in the dashboard.css file ? (colors specifically)
Then the next thing I want to do is take the main part of the css and move it up a level so that all of my dashboards include it and the only thing in my custom_css are the things really specific to that skin. Does that make sense?
Awesome Styling! Respect! Nice Nice U might want to share your code? I know it is hours of work but if we share a bit our bits. eberybody can learn and save tjime 
I will. Still working on tweaking it. I like thing to be perfect. lol
hey fellas. i have a question / issue. I send pics to my webserver directory of hass and use iframe. Refresh rate 1s but if i change the pic (by app same url) it wont be updated. i must do a reload
Been trying again to get this working in docker. Started with a clean install and built the image. Same config as before but now when I run the docker image I am getting an error - this was working fine before…
Any suggestions?
2017-03-20 22:24:22.275227 WARNING ------------------------------------------------------------
2017-03-20 22:24:22.275397 WARNING Unexpected error in dashboard thread
2017-03-20 22:24:22.275571 WARNING ------------------------------------------------------------
2017-03-20 22:24:22.277016 INFO Connected to Home Assistant 0.40.0
2017-03-20 22:24:22.277444 WARNING Traceback (most recent call last):
File “/usr/local/lib/python3.4/site-packages/appdaemon/appdash.py”, line 241, in run_dash
handler = app.make_handler()
File “/usr/local/lib/python3.4/site-packages/aiohttp/web.py”, line 224, in make_handler
self._set_loop(loop)
File “/usr/local/lib/python3.4/site-packages/aiohttp/web.py”, line 110, in _set_loop
loop = asyncio.get_event_loop()
File “/usr/local/lib/python3.4/asyncio/events.py”, line 626, in get_event_loop
return get_event_loop_policy().get_event_loop()
File “/usr/local/lib/python3.4/asyncio/events.py”, line 572, in get_event_loop
% threading.current_thread().name)
RuntimeError: There is no current event loop in thread ‘Thread-12’.
2017-03-20 22:24:22.277557 WARNING ------------------------------------------------------------
ill probably never get it ready, and i need to rearrange a few more times, but its getting close to what i want.
this is 1 of my tablet versions.
edit: WARNING TO ALL: PLEASE DONT TRY THIS AT HOME 
3 Likes
That’s a new one - can you post your config please?
Love what you are doing here Rene, grouping widgets together. I know its a little complex with the beta, but I will be loooking for ways to make this easier, its a really cool look! Thanks again to you and Rob. This is the kind of creativity that makes me stretch what we can do
1 Like
its not a little complex but its about to make me crazy 
but thats my problem, because i will Always find the edges
i hope in the future just to be able to set coordinates at widgetlevel.
i made it myself difficult to use the spacers like “spacer(120x1)” instead of chosing the same Heights as the widgets beside it. in that case you get empty space and it starts to get more complex then needed
without the many hours of work from you i couldnt do half of what i am doing, and you keep me on the edge and you keep me learning every day more.
so the thanks go back to you also.
1 Like
couldnt resist to go on with it.
i let the pieces on their place for now, but making it look nicer was more easy now i get to know css more and more.
1 Like
I need this code!!! THAT IS AWESOME!!! :WOWOWOWOWOWOW°!°!°!!°!!"
1 Like
the skin is no big thing.
but are you ready to start days of calculation?
my dashboard looks like:
title: Main Panel
widget_dimensions: [1, 1]
widget_size: [120, 120]
widget_margins: [0, 0]
columns: 1000
layout:
-
- header.main2(855x30), spacer(15x1), header.dashboards(30x520),dashboard.buiten(105x137)
- empty: 40
- header.verwarming(600x30),spacer(40x1),spacer(15x1),header.eetkamer(200x30)
- empty: 30
- input_slider.huiskamerthermostaata2,input_slider.huiskamerthermostaatb2,input_slider.huiskamerthermostaatc2,input_slider.huiskamerthermostaatd2,input_slider.huiskamerthermostaate2,spacer(55x1),switch.epchoek2(100x100),switch.eraamhoek2(100x100)
- empty: 64
- spacer(300x1),dashboard.keuken(105x138)
- empty: 34
- spacer(55x1),switch.ewandmeubel2(200x100)
- empty: 19
- switch.kachel_9_22(120x100),switch.kachel_9_32(120x100),switch.irverwarming2(120x100),switch.relay_template_35_12(120x100),switch.relay_template_35_22(120x100)
- empty: 82
- spacer(300x1),dashboard.slaapkamer(105x138)
- empty: 6
- spacer(55x1),header.woonkamer(200x30)
- empty: 9
- spacer(480x1),sensor.huiskamer_box_4_12(120x107)
- empty: 10
- header.radio(270x30),spacer(65x1),header.allesuit(120x30)
- empty: 8
- spacer(385x1),switch.hboog2(100x100),switch.hbank2(100x100)
- empty: 20
- input_boolean.swr32,input_slider.radio_volume2, header.empty(30x120),spacer(65x1),input_boolean.allesuit2(120x100)
- empty: 78
- spacer(385x1),switch.hrozenhoek2(100x100),switch.kachel_9_12(100x100)
- spacer(600x1),dashboard.gang(105x107)
I see i see… this is the widget size which is a pain in the ass I WILL TRY ANYWAY!!! It is just too awesome. and the css for this awesome skin?
1 Like
Here’s the config, nothing fancy:
ha_url = http://192.168.1.190:8123
ha_key = xxxxxxxxx
dash_url = http://172.17.0.3:5050
logfile = STDOUT
errorfile = STDERR
threads = 10
Apps
[hello_world]
module = hello
class = HelloWorld
I build with:
docker build --no-cache -t cannfoddr/appdaemon .
I run with:
docker run -d --name appdaemon --restart always -p 5050:5050 -v /etc/localtime:/etc/localtime:ro -v /mnt/home-assistant/volumes/appdaemon_dashboard/conf:/conf cannfoddr/appdaemon
this are the skin files:
variables.yaml (8.5 KB)
dashboard.yaml (1.7 KB)
you need to rename the dashboard.yaml to dashboard.css
i named the skin transparant.
the image file can be found here:
i did some cutting to get it on the right place for me.
it is placed in the custom_css/transparant/img directory
then you need to be able to round the corners from some individual widgets.
this gives you help how to do that:
widget_type: switch
title: Wandmeubel
entity: switch.ewandmeubel
icon_on: mdi-led-on
icon_off: mdi-led-off
widget_style: "border-bottom-left-radius: 30px;border-bottom-right-radius: 30px"
in stead of bottom you could also use top.
i think then you have all you need.
The empty directive insn’t in beta 2 - you will need to use the appropriiate number of empty lines in the layourt directive.
sorry, i forgot, that you made that possible for me
so @thundergreen - empty: 64 means 64 times -
i did that before, Andrew created that option. it is possible, but make sure you got an editor which gives linenumbers!
beta 2.5??? LOL