I’m currently working on designing a touchscreen menu for my home automation system, and I have a couple of questions that I hope the community can help with. Here’s what I’m trying to achieve:
1. Custom Navigation Paths
I’d love to customize the navigation paths in my menu. Currently, the path is set to /lovelace/1, but I was wondering if it’s possible to change this to something more descriptive, like /lovelace/lights. This would make it easier for me to navigate through different sections of my home setup.
2. Styling Active Tabs
Another feature I’m aiming for is having the active tab highlighted differently. For instance, when I’m on the ‘Lights’ tab, I want the button to visually indicate that it’s the current active tab. This would improve the user experience by making it clear which section I’m currently viewing. I’m curious if this is achievable and, if so, how I might go about implementing it.
My Setup
I’m using a combination of Lovelace cards and custom themes to create a cohesive interface. I’ve already started experimenting with different layouts and button styles, but I’m hitting a wall when it comes to dynamic styling based on the active tab.
Request for Assistance
If anyone has experience with customizing navigation paths or dynamically styling active tabs, I’d greatly appreciate any advice or pointers. Whether it’s through configuration files, custom CSS, or JavaScript, I’m open to exploring different solutions.
Thanks in advance for your help! I’m really excited to get this menu up and running smoothly.