Source Files for the Dashboard Examples

[HannesDi]

Hello
thanks first of all for the great work you have put into cb-lcars. i for one would never have been able to do it, because i find it incredibly difficult to understand yaml and the stylesheets.

this is exactly the point. i have now spent an estimated 8 - 10 hours over the weekend to individualize the look. for example, to put an entity icon in front of a slider that in the best case, if it is a light slider, still takes on the color as it goes with the frames.

after I realized that I can't customize that, maybe it doesn't work either, I thought ok then I'll build something from the screenshots “Some Dashboard possibilities...”. This must work with board means....

unfortunately, i also failed here. before i write the whole thing off as: ok i'm too stupid for this, i would like to say one thing: i never learned to program and yet i have already created a wide variety of programs, e.g. for microcontrollers.

the combination of: patience, a willingness to experiment and the desire to rummage through open source codes have brought me successfully to my goal, even if it has always taken a long time.

I would like to do the same with the dashboards and ask if you can please provide / share the "source code" for the screenshot examples “Some Dashboard possibilities...”.

Then I can certainly adapt it and deduce what I need to do.

Thank you.

Best Regards
Hannes

[snootched]

Hi Hannes,

Thanks for reaching out and the compliments - I am glad you like it.
Agreed, yaml and css can be difficult when first starting - but don't worry, you will learn as you go as we all do!

I can certainly post up the yaml for those dashboard examples, but I will need to do some work on them first as these were built using the first version of this project that doesn't apply now. I can do that no problem - is there anything specific you'd like to see first, or have questions about? I can prioritize that for you to get you going.

for example, to put an entity icon in front of a slider that in the best case, if it is a light slider, still takes on the color as it goes with the frames.

Can you explain this a bit further? Not sure I understand what you mean - but I can try to help. If it's a feature/function missing - we can always look to add that in as well.

🖖

[HannesDi]

Hello,

first of all, sorry that I haven't replied for so long.
unfortunately I was ill again and then overwhelmed with work.
Even if one or the other thinks or says why is he telling you this now?
I would just like to say the following:
Personally, I always find it bad, rude and impertinent when you ask a question wherever you are in life
and receive a friendly and qualified answer/help but the person asking the question then leaves
and doesn't even say thank you.
That's why I've decided for myself that I won't do that because for me it's part of appreciation.

So thank you again for your commitment, work and help that you offer.

I was happy to download your tablet example in DEV only to get the next dampener when integrating
completely broken layout but that could be easily fixed by reloading the
Weather Chart Card, Weather Radar Card etc..

Then swap the entity names for existing ones of mine and it should work... I thought...
No, but you also describe it in the text: "The left sidebar uses an input_select helper" but where can I find it?
Do you also share your config files in a repository so that you can get it there?

Now we come to the embarrassing part for me ;-(

I have to admit that the most important point about the release of the dashboard-tablet.yaml
is my own realization that I am now let's call it 'stupid' because I misunderstood cb-lcars or didn't think enough...

i spent hours and hours trying to figure out how you made the navigation bar on the left look like it does in the screenshots "Some Dashboard possibilities..." with different colors and the items like 23 18 FF ESC and the top navigation bar with the framed buttons...

I thought that doesn't exist, the time in the top right is there immediately but how does the rest work...

It never occurred to me that the Home Assistant frame was not shown in the screenshots ;-(

Now that I know that I can only influence the inner part, everything is much clearer and simpler ...

So thank you and best regards
Hannes

[snootched]

Hey there!
Not a problem - I hope you are better now. No offense to me about not replying - figured you would, when you could.

Indeed - I did not show the HA frame in those shots.. so what things look like with it I'm attaching here. On tablets, I use the "wallpanel" from hacs - which allows you to set the pane to full screen and hide the HA bars. I don't use them on the tablet and recreated the clock in my own "header"

In terms of the input_select you just need to create a helper entity for this. Add the options you would like to use, then reference those in the dashboard actions on those buttons.

[smiousse]

Hello thanks first of all for the great work you have put into cb-lcars. i for one would never have been able to do it, because i find it incredibly difficult to understand yaml and the stylesheets.

this is exactly the point. i have now spent an estimated 8 - 10 hours over the weekend to individualize the look. for example, to put an entity icon in front of a slider that in the best case, if it is a light slider, still takes on the color as it goes with the frames.

after I realized that I can't customize that, maybe it doesn't work either, I thought ok then I'll build something from the screenshots “Some Dashboard possibilities...”. This must work with board means....

unfortunately, i also failed here. before i write the whole thing off as: ok i'm too stupid for this, i would like to say one thing: i never learned to program and yet i have already created a wide variety of programs, e.g. for microcontrollers.

the combination of: patience, a willingness to experiment and the desire to rummage through open source codes have brought me successfully to my goal, even if it has always taken a long time.

I would like to do the same with the dashboards and ask if you can please provide / share the "source code" for the screenshot examples “Some Dashboard possibilities...”.

Then I can certainly adapt it and deduce what I need to do.

Thank you.

Best Regards Hannes

You did a really nice work. Its crazy all the options you add !! I really like it

I would also like to have the source codes of your screenshots cause they are very nice !

Thank you

[snootched]

Thanks - for those dashboards it's using really old version of the project and will take a lot of time to update and convert.. but I'll work on it.

In the meantime, I put in some screenshots and the code for a different dashboard that I am working on for my mini tablet. This uses all the current code, and still makes use of some of that same basic constructs.

I hope this can help you in the meantime.

In dev branch: https://github.com/snootched/cb-lcars/tree/dev?tab=readme-ov-file#example-tablet-dashboard

[snootched]

@smiousse here is one more example I could put up. This is the light selector control thing where you choose a room and then have your lights in the content area of the control.

Also in dev branch: https://github.com/snootched/cb-lcars/tree/dev?tab=readme-ov-file#example-room-selector-with-multimeter-light-controls

[smiousse]

Thank you very mush for the quick reply, really appreciated !!!

This is exactly what I needed !

This is so nice !!!!

[mr-brains]

I love this dashboard and try to replicate it.
What function is "entity: input_select.lcars_ui_lightgroup_selector"?
how does it work?
the sliders never show by me.

[mr-brains]

I love this dashboard and try to replicate it. What function is "entity: input_select.lcars_ui_lightgroup_selector"? how does it work? the sliders never show by me.

Helper, that was the missing piece :D got it now.