HADashboard-widgets icon indicating copy to clipboard operation
HADashboard-widgets copied to clipboard

Where to place "googlemaps_widget_style: "border-radius: 10px; $background_style"??

Open Perkinje opened this issue 5 years ago • 2 comments

Thank you for all your work. The cameras are working really well. But, I get an error on the maps widget.

You say to add googlemaps_widget_style: "border-radius: 10px; $background_style" to the skin being used. I'm using the default skin. Are the files located in compiled/css/default and compiled/javascript/default ? And do I only need to add it to the pages I'm using to display the map? My apologies. I know nothing about css and javascript. Where "exactly" would I place it?

Perkinje avatar Mar 18 '20 05:03 Perkinje

I'm running HA through hass.io on raspberry pi 4. I don't see the location for the "default" skins. I added a custom skin into the custom_css folder. I then defined the widget_style in the variable.yaml file. Do I also need to add it somewhere in the .css file? With it in the variable.yaml I still get an error when loading the widget. Says "The page didn't load Google Maps correctly. See the JavaScript console for technical detail." I don't know how to evaluate the console for why this is happening.

Perkinje avatar Mar 19 '20 22:03 Perkinje

Hi, sorry for late reply! In your config folder where you have the appdaemon.yaml file, make a folder named custom_css. In that folder, make a new folder named "default". Then copy the default skin files from https://github.com/home-assistant/appdaemon/tree/dev/appdaemon/assets/css/default. You need the variables.yaml and the dashboard.css files. Then, in the variables.yaml file, you put the widget_style etc. It does not matter where in the file you put them, but its easier to put them at the end of the file.

tjntomas avatar Mar 23 '20 17:03 tjntomas