Questions/help: Small Badge thingys at top of my mobile dashboard - how to set action to link it to lights section of my home dashboard when click it

Once I click on the light count small badge thingy at the top of my mobile dashboard I want it to take me directly to my lights ‘section’, but I am not able to accomplish that so far.

The dashboards I am using are considered ‘sections’ (I believe), screenshot attached.

When I setup the action to take me to the ‘lights’ section, it partial works? it only takes me to the main dashboard home page but not the lights section itself, so I understand I am missing something (I attached a screenshot and in the url field you will see it trying to go to lights section?)

I deeply appreciate this communities help!!

Attached are screenshots showing my home dashboard set as a ‘section’ dashboard, and yaml for the lamps and lights section I am trying to get the tap action to go directly to as well.

If I missed anything or there are any other questions, please just ask :slight_smile

here is the full text version of the action I am adding to my badge which I am trying to navigate to the lights section of my home dashboard.

type: entity
show_name: true
show_state: true
show_icon: true
entity: sensor.lights_on
color: amber
tap_action:
  action: navigate
  navigation_path: /j-dashboard/0/Lamps & Light Switches





thank you everyone!

Firstly, “sections” refers to the layout style of the dashboard. “Dashboards” are main displays accessible through the menu on the left, and sub-dashboards are “views” (arrowed below).

To set up navigation from a badge:

  • Go to edit mode (pencil icon top right)
  • Go to the badge you want to edit and click on the pencil icon that appears when you hover over it.
  • In the Interactions field, select Tap behaviour and Navigate

  • In the Navigation path field you should get a dropdown list of dashboards and views you can navigate to.

For historical reasons, the dashboard names all begin with Lovelace.

1 Like

Thanks for the extra explanations and details Jack, so to understand what you wrote, it doesn’t seem I’m able to directly navigate to the lamps and lights in a dashboard from an action.

It sounds like my next steps to get this to work is to create sub-dashboards which are “views”. Then after created, I can set up the actions to navigate to those ‘views’. FYI, in my dropdown for ‘navigation path’ right now I only see one “/lovelace”, I am assuming that is because I did not create any sub-dashboards/views?

Ps- to be 100% clear I am attaching a screenshot of what I see from the navigation path dropdown right now.

thank you for your time!

Thanks Jack!!! That worked once I created the subviews on my home dashboard.

Thanks very much!!!

1 Like