Trying to use custom widgets in HADashboard, but having some trouble. I’ve added both the custom_widgets and custom_css folders to my main HA conf folder. When I attempt to use a custom widget with the following:
That sounds like the HASS.io plug-in version, AppDaemon has its version on the log, but an upgrade might help as the Custom widget support is relatively recent
Was running AppDaemon2 will update to 3 now. Found another post about this same topic. To clarify - should the custom_widgets folder be placed in the root /config of HA or in the /config/appdaemon folder?
Thanks, aimc. I’m getting really confused here though. Hopefully someone can help me track down what I’m doing wrong.
I installed AppDaemon3 from the hassio-community repository.
Connected to my HADashboard
Placed custom_css and custom_widgets folder in the main /config directory (which I found mentioned somewhere else) Edit - read further and saw they need to be in the same directory as AppDaemon.yaml just like you mentioned. Working on doing a clean install of AppDaemon3 and retesting
Created a quick dashboard with a single light.
Still received the ‘unable to find widget type’ error
**2nd edit.
Did a full reinstall of AppDaemon3. Got to the Hello.dash dashboard and it looked as expected (dark background, single item on the screen) and then I went to add a single slider to this and the refreshed the page to this:
Removing the new slider and refreshing again results in:
I can’t seem to get it back to how it looked before. I’m sure this is a configuration issue, but I can’t seem to figure out where I’ve messed up.
**3rd Edit
I can get the widgets to appear correctly when adding ?skin=waterdrops or ?skin=lcars to the url. So I’m guessing this all has something to do with me not correctly changing the default css by editing variables.yaml. Unfortunately, I don’t see where to do that, but I’m glad to have made some progress here.
its hidden somewhere, and no one wants to tell us where it is, like a CIA secret. The HASSIO team made one route (all with addons), that appdaemon developer did not like, and seems to me they do not like to talk to each other.
In the middle us users, with little to none competencies, left alone.
I found something here, accessing as ROOT, NOT in HASSIO container
it would be better if we could put css and custom_css in the same appdaemon directory, also in HASSIO and avoid all the trouble o going inside the docker
Not sure what you are talking about - you can add custom widgets just fine in hass.io by placing the directories in the same place as the appdaemon.yaml file. There is no need whatsoever to go inside the dicker image if you have a late enough version of AppDaemon running.
custom_widget yes, but not custom_css So I understood at least.
Everybody is saying I have to modify custom_css/variables.yaml, which is NOT to find in a HASSIO installation.
I would like, if possible to be able to modify variables.yaml having it in the same folder where the other appdaemon files are, which is NOT possible in HASSIO installation
I also think you are making some unwarranted assumptions here - now @Frenk is running the official AD addon for hass.io, we talk a lot.
Ultimately my plan for hass.io is to embed AD in hass so it’s even easier to configure. For that reason I am not wasting cycles working on hass.io addons - I only have so much time, remember, All hass developers are doing this in their spare time for free - we have to make the best possible use of that time.
@czeknere
if you do get it to work right with custom skins but not with the default skin its because variables need to be added to the default skin.
the default skin is installed in the docker.
it should be in the docker in this dir
/usr/lib/python3.6/site-packages/appdaemon/assets/css/default/variables.yaml
the vars that need to be added to the variables.yaml are probably also provided at the github.
important! you need to use my custom skin waterdrops (to be found in custom css) or edit variables.yaml in your own skin or the default skin.
the lines to add to the variables.yaml can be found on this github in custom_css/default/variables.yaml
I read that as “take what’s in the /custom_css/default/variables.yaml file and place it into your own variables.yaml file”. But I think I’m realizing now that I have to place my own css into dashboard.css file and my own values into the /custom_css/default/variables.yaml file. I thought the ‘default’ view was a bit more out of the box, but it seems it will require more work to build the way I want. Which is not a big deal, just not what I was expecting.
Sure enough, once I added a dashboard.css file to the /custom_css/default folder it began to render as expected.
Thanks for all the help here, definitely user error as expected.