good work!! thanks!
any chance to show the 1st tab every time i navigate between dashboards?
like set one card to always show after a leave and back to view…
Anyone else having problems when HA updated to 2025.5?
The tabs are not showing in the editor, so I cant visually edit the cards anymore (I cant choose Cards).
Luckily there are no issues with the functionality of the card.
1 Like
I also have the same problem where I can only edit the cards with the code editor. I thought I was going crazy because I didn’t see the other editor anymore. Is it possible that there will be a fix?
Hello @3_14
THX for update but i have a problem.
All conditional cards are displayed at the same time when editing
With 2.1.2
With 2.1.1
I clear cache and reboot HA but nothing change 
This is intentional, to behave the same way as built-in “normal” conditional card.
ok thx @3_14
I must admit I find this visually confusing.
How can I improve the display in edit mode? I don’t have a large screen to display everything.
It would be super cool to be able to choose the display mode 
Yeah, it is a bit confusing in your case.
Here you go:
your the best big THX @3_14 work great
Hello,
I’ve got some trouble getting this to work. When I click on Tab 2, nothing changes. See the attached code below.
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: grey
border: 4px solid grey
border-radius: 10px
justify-content: center
width: max-content
margin: 0 auto 12px auto
buttons:
- name: Tab 1
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- tab1: show
- tab2: hide
styles:
name:
color: black
padding: 0 22px
button:
background: "#A4B465"
border-radius: 12px
height: 24px
display: flex
- name: Tab 2
tap_action:
action: fire-dom-event
local_conditonal_card:
action: set
ids:
- tab1: hide
- tab2: show
styles:
name:
color: black
padding: 0 22px
button:
background: none
border-radius: 12px
height: 24px
display: flex
- type: vertical-stack
cards:
- type: heading
icon: ""
heading: Test 1
heading_style: subtitle
persist_state: false
- type: custom:local-conditional-card
id: tab2
default: hide
card:
type: vertical-stack
cards:
- type: custom:paper-buttons-row
styles:
background-color: grey
border: 4px solid grey
border-radius: 10px
justify-content: center
width: max-content
margin: 0 auto 12px auto
buttons:
- name: Tab 1
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- tab1: show
- tab2: hide
styles:
name:
color: black
padding: 0 22px
button:
background: none
border-radius: 12px
height: 24px
display: flex
- name: Tab 2
tap_action:
action: fire-dom-event
local_conditonal_card:
action: set
ids:
- tab1: hide
- tab2: show
styles:
name:
color: black
padding: 0 22px
button:
background: "#A4B465"
border-radius: 12px
height: 24px
display: flex
- type: vertical-stack
cards:
- type: heading
icon: ""
heading: Test 2
heading_style: subtitle
persist_state: false
2x typo in tab 2: local_conditonal_card instead of local_conditional_card
Thank you so much! I think I read the code 1000 times without catching that typo! Now everything worked as it was supposed to do! 
hello
I love this local conditional card!
I’ve added buttons to my dashboard to navigate thru different pages, but i wonder wheter it would be possible to use a timer to cycle thru all the buttons so when nobody is infront of the dashboard it automatically swipe thru those pages
thanks in advance
@jnmaserranousa that’s a nice idea! I’ve checked it out and you can do it form automation using browser_mod:
action: browser_mod.javascript
data:
browser_id:
- your_browser_id
code: |-
const e = new Event("ll-custom", {bubbles: true, cancelable: true, composed: true});
e.detail = {
"local_conditional_card": {
"action": "toggle",
"ids": ["sun1"]
}
};
document.dispatchEvent(e);
1 Like