thats possible as soon as custom widgets are implanted.
i made a start, but it cant have sensors yet, only switchlike widgets.
Great, looking forward to the further developement which will make this a possibility 
1 Like
Hi guys,
I’m trying to make a skin for HaDashboard and want to color the whole widget instead of just the icon when it’s turn on, is this possible and in that case, how do I do it?
/Fredrik
at this moment that isnt possible. (or at least in no way that i am aware of)
Confirmed; there are currently no classes for the gridster backgrounds beyond the background_style.
The only conceivable cheat around this would to be to use the icon_on and icon_off styles and create an icon with the same dimensions as the widget itself and remove or reduce any padding.
At that point you could use two different colored icons. It wouldn’t be pretty to code, but I think it could be done. If the CSS will allow you to fudge the icons.
Note: this is totally off the top of my head; disclaimer is that it seems reasonable but I haven’t tested it.
i think you are wrong about that robert.
if i am correct you cant get away from titles with css.
so the toppart will Always be the title background.
Thanks for your answers.
Where can I configure the standard widgets? Tried in assets/widgets/… but the changes are not visible. I’m I doing something wrong or it just cant be done?
try reading the docs (DASHBOARD.md in the appdaemon dir).
the parts in assets/widgets should NOT be changed 
making changes is done in the dashboard file or in a custum skin.
I am also really interested. Publishing your code would really help me out 
Hey, just a little update to the Hygge Theme. I just added some code I found here to remove the rubber band effect in the iOS web app view. But if there is a iframe widget in the dashboard, it is back there. Any idea how to fix that? 
2 Likes
Hello Julian,
how did you include the weather icons? Could you share parts of your configuration shown in the hygge screenshots? Thanks in advance
Hey, it is just the weather widget from HADashboard:
weather:
widget_type: weather
widget_style: "font-size: 120%;"
units: "°C"
With the Dark Sky sensor in Home Assistant with the default icons.
hello @juka i downloaded your skin and placed it with the rest of the skins i see. when i try to use by typing http://0.0.0.0:5050/MainPanel?skin=hygge It doesnt do anything i get a log WARNING Skin ‘hygge’ does not exist where should i place the skin to be able to see it?
thanks
Nevermind I found the way to do it.
Thanks
1 Like
Hey peopple. For all for u who have Foscam or other CGI compatible cam. Here is my setup to control (a bit for the moment only) your cam:
First I created Shell commands (CURL) to send commands to the cam:
# POSITION Garage
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzGotoPresetPoint&name=Garage&usr=thundergreen&pwd=%%LogMeIn%%"
# POSITION STREET
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzGotoPresetPoint&name=Street&usr=user&pwd=password"
# POSITION Maindoor
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzGotoPresetPoint&name=Maindoor&usr=user&pwd=password"
### Zoon In
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=zoomIn&usr=user&pwd=password"
## Zoon Out
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=zoomOut&usr=user&pwd=password"
##### Zoom Stop
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=zoomStop&usr=user&pwd=password"
### Move Left
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzMoveLeft&usr=user&pwd=password"
## move right
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzMoveRight&usr=user&pwd=password"
#### stop moving
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzStopRun&usr=user&pwd=password"
### start Cruise
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzStartCruise&mapName=House_complete&usr=user&pwd=password"
### stop cruise
curl -k "http://192.168.1.201:88/cgi-bin/CGIProxy.fcgi?cmd=ptzStopCruise&mapName=House_complete&usr=user&pwd=password"
As I know that DASBOARD can do scripting, is added scripts to hass:
######## FOSCAM Positions ######
position_garage:
alias: Foscam present point garage
sequence:
- service: shell_command.garage
position_street:
alias: Foscam present point garage
sequence:
- service: shell_command.street
position_maindoor:
alias: Foscam present point garage
sequence:
- service: shell_command.maindoor
zoom_in:
alias: Foscam Zoom in
sequence:
- service: shell_command.zoom_in
- delay:
seconds: 1
- service: shell_command.zoom_stop
zoom_out:
alias: Foscam Zoom out
sequence:
- service: shell_command.zoom_out
- delay:
seconds: 1
- service: shell_command.zoom_stop
turn_right:
alias: Foscam Turn turn right
sequence:
- service: shell_command.turn_right
- delay:
seconds: 2
- service: shell_command.stop_turn
turn_left:
alias: Foscam turn left
sequence:
- service: shell_command.turn_left
- delay:
seconds: 2
- service: shell_command.stop_turn
start_cruise:
alias: Foscam Start Cruising
sequence:
- service: shell_command.start_cruise
stop_cruise:
alias: Foscam Stop Cruising
sequence:
- service: shell_command.stop_cruise
Then I created my IPCam Dasboard like this:
#
# Main arguments, all optional
#
title: IP Cams
widget_dimensions: [122, 120]
widget_margins: [5, 5]
columns: 10
# Includes (Optional)
#
# Movements
back:
widget_type: navigate
icon_inactive: fa-arrow-circle-left
dashboard: MainPanel
position_garage:
title2: GARAGE
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.position_garage
position_street:
title2: STREET
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.position_street
zoom_in:
title: Zoom
title2: IN
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.zoom_in
zoom_out:
title: Zoom
title2: OUT
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.zoom_out
turn_right:
title: RIGHT
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.turn_right
turn_left:
title: LEFT
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.turn_left
start_cruise:
title: CRUISE
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.start_cruise
stop_cruise:
title: STOP
title2: CRUISING
widget_type: script
widget_style: "-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"
entity: script.stop_cruise
foscam:
widget_type: camera
title: Surveillance Cam
refresh: 1
entity_picture:
- http://192.168.1.22:8123/api/camera_proxy/camera.foscam_camera?token=0fef1c273a888bc64c71295b66ab506f6f51213bc1a9a7fe7df8efc36a02f4cb&api_password=xxxxx
layout:
- foscam(8x4), position_garage, position_street
- turn_left, turn_right
- start_cruise, stop_cruise
- zoom_in, zoom_out
-
- include: bottom_panel
The result is:
5 Likes
I’m using the same method with HA but I find that sometimes I have to activate the script twice in order for it to work. Could be because I’m using old as hell 8918w’s but have you seen this at all?
thats a problem from the cams i think.
sometimes the cams dont accept the CGI commands.
1 Like
I thought as much; they are pretty damn old. But since they still work adequately enough, I can’t justify replacing them.
1 Like
the new ones have the same problem. (sometimes)
1 Like