Some people have issues where the tabs jump around when navigation. Change the very first vertical-stack into a horizontal-stack and the jumping should stop. Also, you can add ripple: none to all buttons to remove a blue tint over the buttons. I think this might be a bug with paper button rows, because the blue tint is meant to fade out.
This is working fine but sometimes when it's my first time opening home assistant the local conditional card takes long to load (up to 3 seconds) so i see no content for a while. Does this happen to you too? (i checked default state: shown)
Yeah I had that. Probably should have mentioned it in the video. Stay on version 2.1.0 and dont update to 2.1.1. you can roll back by going to the HACS page, select redownload in the top right and select version 2.1.0. Fixed it for me.
For some reason every tab is a bit lower than previous one. Like there was change in margin set, but everything is the same, except for content that is displayed
Hmm, no you mind just trying to install my theme and see if it makes a difference? It could be that same margin error that was introduced a few versions ago. Here is my theme file: github.com/my-smart-home-yt/MySmartHome-Theme/blob/main/mysmarthome.yaml
Also, you could try using a horizontal stack instead of the vertical stack at the very beginning. I just did a quick test and think it should work with any theme.
Thank you very much for such wonderful ideas, I’ve completely reworked my design based on your ideas. If possible, I have a question: I am now using tabs across the whole design. The only small “downside” of it is that cards could open with certain delay. Do you have the same issue? If so, were you able to optimize it somehow?
When I updated local conditional card to the latest version (2.1.1 I think) I had this problem. But I rolled back to 2.1.0 and I have no issues. But of course, I guess it could have something to do with how much, and what, you have inside them.
Love this! Starting to use elements in my main tablet/PC dashboard. In your Gumroad code the custom button card with the electricity info, you are setting the card background color by returning a variable value. I am curious as to how this works and what it references in your theme?
Thanks a lot for your awesome tutorials! On my mobile app I currently have the problem that the background of the inactive tab fills up with a transparent blue background. Everytime I toggle between my tabs it adds more blue color until the transparency effect is nearly gone. Refreshing my complete dashboard resets the issue...Any ideas? On my PC it works without any issues.
@@mavaee I've tried adding "ripple: none" under buttons and each individual button, but it doesn't seem to work. Where the heck am I supposed to add that to?
@@Auspice75 I can't post images but I have added it here and to all other buttons underneath type: vertical-stack cards: - type: custom:local-conditional-card id: tab1 default: show card: type: vertical-stack cards: - type: custom:paper-buttons-row styles: background-color: var(--gray200) border: 4px solid var(--gray200) border-radius: 28px justify-content: center width: max-content margin: 0 auto 12px auto buttons: - layout: name name: Tab 1 ripple: none tap_action: action: fire-dom-event local_conditional_card: action: set ids: - tab1: show - tab2: hide - tab3: hide
Hello, thank you for what you do. I have a question: when the browser page refreshes, I see the content of all three buttons until I click on one of them, then everything is fine.
That sounds like a bug. What version of Local Conditional Card are you using? I've been having issues with the latest version, so I rolled back to 2.1.0 and its been working great.
Every time I click from tab1 to tab2 the button-row drops down a few pixels. If I click back on tab1 it goes back up a few pixels. Any idea what I might have done wrong?
@@My_Smart_Home for this I have the problem with the underlaying cards then. I used the room cards, you made also a video of. The cards are squished together by using horizontal stack. Meaning, 2 custom-button cards are in a row When changing to horizontal stack, it looks like, that there 2 columns and the button cards are shifted into both into the left column. It seems to be that its due to to grid? Since in the grid 2 columns are configured
I see you are using the same tabs for room management, I was trying to apply as well, but the layout does not work for me, could you share your home dashboard part with the tabs? (FYI: tabs purchased already) Thank you
Wow, nice job. I'm trying to get the cards and the dashboard to work for me. It's not all that simple. but really great work. Would it be possible to create a shutter card?
It’s not working for me, and I have no idea why. I’ve copied everything from the YAML text, but it doesn’t work. As soon as I click on 'Tab 2', it stays on 'Tab 1'. Any idea what could be causing this?
Some people have issues where the tabs jump around when navigation. Change the very first vertical-stack into a horizontal-stack and the jumping should stop.
Also, you can add ripple: none to all buttons to remove a blue tint over the buttons. I think this might be a bug with paper button rows, because the blue tint is meant to fade out.
needing help with this dashboard tab. how do I request help?
That's super handy!! Your tutorials are perfect, good speed and very clear. Thanks!
Thank you!
Great stuff!! Thank you very much. This was, what I've been searching for!!
This is working fine but sometimes when it's my first time opening home assistant the local conditional card takes long to load (up to 3 seconds) so i see no content for a while.
Does this happen to you too? (i checked default state: shown)
Yeah I had that. Probably should have mentioned it in the video. Stay on version 2.1.0 and dont update to 2.1.1. you can roll back by going to the HACS page, select redownload in the top right and select version 2.1.0. Fixed it for me.
@@My_Smart_Home that works for me!
@@My_Smart_Home Please update the tutorial when you find a way to bypass this problem in new versions of HACS or LCC
For some reason every tab is a bit lower than previous one. Like there was change in margin set, but everything is the same, except for content that is displayed
Thats the same for me. Has anyone figured out a solution to that?
Hmm, no you mind just trying to install my theme and see if it makes a difference?
It could be that same margin error that was introduced a few versions ago.
Here is my theme file: github.com/my-smart-home-yt/MySmartHome-Theme/blob/main/mysmarthome.yaml
Also, you could try using a horizontal stack instead of the vertical stack at the very beginning. I just did a quick test and think it should work with any theme.
@@My_Smart_Home Have not tried your theme, but using a horizontal stack works. Thank you!
@@KenoBrandt Works here too
Keep up the good work!
Cheers!
Thank you very much for such wonderful ideas, I’ve completely reworked my design based on your ideas.
If possible, I have a question: I am now using tabs across the whole design. The only small “downside” of it is that cards could open with certain delay. Do you have the same issue? If so, were you able to optimize it somehow?
When I updated local conditional card to the latest version (2.1.1 I think) I had this problem. But I rolled back to 2.1.0 and I have no issues. But of course, I guess it could have something to do with how much, and what, you have inside them.
Love this! Starting to use elements in my main tablet/PC dashboard. In your Gumroad code the custom button card with the electricity info, you are setting the card background color by returning a variable value. I am curious as to how this works and what it references in your theme?
It references a color in my theme file. Check out the dashboard walk through I did a little while ago, I talk about the theme.
Thanks a lot for your awesome tutorials! On my mobile app I currently have the problem that the background of the inactive tab fills up with a transparent blue background. Everytime I toggle between my tabs it adds more blue color until the transparency effect is nearly gone. Refreshing my complete dashboard resets the issue...Any ideas? On my PC it works without any issues.
I had the same, add "ripple: none" to every button will fix the issue
@@mavaee I've tried adding "ripple: none" under buttons and each individual button, but it doesn't seem to work. Where the heck am I supposed to add that to?
@@Auspice75 I can't post images but I have added it here and to all other buttons underneath
type: vertical-stack
cards:
- type: custom:local-conditional-card
id: tab1
default: show
card:
type: vertical-stack
cards:
- type: custom:paper-buttons-row
styles:
background-color: var(--gray200)
border: 4px solid var(--gray200)
border-radius: 28px
justify-content: center
width: max-content
margin: 0 auto 12px auto
buttons:
- layout: name
name: Tab 1
ripple: none
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- tab1: show
- tab2: hide
- tab3: hide
@mavaee Strange, that's exactly how I have it as well, and I still get ripple on them. 🤔 Thanks anyway!
@@mavaee thanks a lot for that hint. It works for me (iOS 18 with 12 Mini)
Hello, thank you for what you do. I have a question: when the browser page refreshes, I see the content of all three buttons until I click on one of them, then everything is fine.
That sounds like a bug. What version of Local Conditional Card are you using? I've been having issues with the latest version, so I rolled back to 2.1.0 and its been working great.
Every time I click from tab1 to tab2 the button-row drops down a few pixels. If I click back on tab1 it goes back up a few pixels. Any idea what I might have done wrong?
I fixed my issue by changing to the initial stack to horizontal stack.
Yeah, thats the fix
@@My_Smart_Home for this I have the problem with the underlaying cards then. I used the room cards, you made also a video of. The cards are squished together by using horizontal stack. Meaning, 2 custom-button cards are in a row When changing to horizontal stack, it looks like, that there 2 columns and the button cards are shifted into both into the left column. It seems to be that its due to to grid? Since in the grid 2 columns are configured
@@deralte680 can you send me an email with code and screenshot? Ill have a look at it.
hello@mysmarthome.blog
I've got the same problem, even after changing each of the vertical stack cards to horizontal stack. These are both in a bubble card as per the video
I pasted the wrong code in pastebin. Change the top line to horizontal stack from vertical stack and you are good to go!
Yes, this is the solution with some themes.
Looks cool, but is here any way to incorporate some kind of animation to transition between tabs?
I wish, but I don't think so.
I see you are using the same tabs for room management, I was trying to apply as well, but the layout does not work for me, could you share your home dashboard part with the tabs? (FYI: tabs purchased already)
Thank you
Ill help you on email. Its just the tabs with paper button row aligned to the right
Wow, nice job. I'm trying to get the cards and the dashboard to work for me. It's not all that simple. but really great work.
Would it be possible to create a shutter card?
Cheers! Its on the todo list
It’s not working for me, and I have no idea why. I’ve copied everything from the YAML text, but it doesn’t work. As soon as I click on 'Tab 2', it stays on 'Tab 1'. Any idea what could be causing this?
Did you have the correct show/hide settings in tap_action?
@@My_Smart_Home yes, thats correct. And i haven't got any ideas... 😅
i fixed mine by learning how to fukn spell lol, turns out i spelt "local_conditional_card" wrong :/
@@davidnestico its usually something like that 😅
@@davidnestico Yup - Wasted an hour, just to find out I have misspelled "tap_action" with "tab_action"....
I have a problem… the cars charge (show) to slow the firts times
fixed... back to 2.1.0 version of Lovelace Local Conditional card
Yeah that is what I was going to suggest.
Wonder what took RUclips so long to make your videos popup on my timeline…