The Sundarban
Tim has been covering technology for nearly two decades, in that time spanning a gigantic fluctuate of topics from safety to product opinions. He’s namely centered on the Apple ecosystem, productiveness, and person recommendation.
Over the years Tim has written thousands of articles, opinions, and round-usain addition to producing video hiss and customary photography. A graduate of journalism, he chanced on his footing as a freelancer with a laptop and loves how he is ready to work from nearly wherever.
Now a Senior Editor for iPhone, Mac, and Orderly Residence at How-To Geek, Tim silent loves to write. He can additionally be chanced on crafting round-usaand productiveness posts for the Zapier weblog.
Earlier in his profession Tim spent with reference to a decade as a creator and finally Apple fragment editor for MakeUseOf.
Tim currently lives in Brisbane, Australia. Open air of work he loves to hike and figure out, play video games, and spend quality time along with his worthy companion and two cats Inka and Roger.
Residence Assistant is an incredibly highly effective orderly home platform, nonetheless it no doubt’s now not constantly the most person-pleasant expertise. Determining how to edit the sidebar so as that I will navigate a tiny little bit of additional without concerns took longer than it will maintain, nonetheless the outcomes had been smartly price it.
Right here’s how I did it, so that that you would be able to presumably presumably attain it too.
This totally works on supervised Residence Assistant installs, which contrivance it obtained’t work on containerized (Docker) or older Core installs. Be definite you’ve got a Residence Assistant backup ready earlier than you attain too worthy tinkering.
Why peril doing this?
Essentially the most important motive I needed to edit my Residence Assistant sidebar turned into as soon as to add shortcuts to some frequently-former integrations treasure Zigbee Residence Automation (to bear together with and managing gadgets faster) and the “File editor” add-on (which is my most smartly-most smartly-liked contrivance of enhancing the configuration.yaml file).
Gaining access to every of these takes multiple clicks and requires that you steal a detour into the Settings menu. On the same time, there are objects in the sidebar that I never internet entry to (treasure Intention and Energy). We can solve every of these disorders.
As lengthy as you know the place the merchandise you wish to bear a shortcut for is found, together with a shortcut to the sidebar (full with a reasonably custom icon) in all fairness easy.
First, add a file editor add-on
To attain this, you’ll need to edit your major configuration.yaml file, and for that you’re going to need an add-on. Add-ons are additional services and products and applications that dash alongside Residence Assistant (in contrast to integrations, which dash inner Residence Assistant).
Head to Settings > Add-ons and click on on on the blue “Add-on store” button in the bottom-lawful nook of the hide. Learn for “File editor” and opt it, then click on “Set up.” Look forward to the installation to full, then click on “Begin.” That you just would be able to maintain to look an “Open Net UI” button appear, which you’ll need for your next step.
Whereas you’re there, bear obvious “Begin on boot” is enabled since this add-on is namely precious and obtained’t employ up too many sources.
The formula we’ll be together with menu bar objects is using the core Residence Assistant integration identified as “Custom panel.” That you just would be able to be ready to read the elephantine documentation on the Residence Assistant internet place, nonetheless you don’t need to attain that because that you would be able to presumably presumably be taught and adapt per the instructions below.
Let’s add a shortcut to Zigbee Residence Automation and the “File explorer” add-on. To attain this, we need to know the place every is found. For ZHA, that’s config/integrations/integration/zha.
I figured this out by accessing the blending and having a eye at the URL in my browser’s address bar. Safe the merchandise you wish to bear a shortcut to, internet entry to it, then reproduction all the issues after your server and port amount in the URL bar.
To bear a shortcut, click on the “Open Net UI” button in the “File explorer” add-on (Settings > Add-ons > File explorer). A fresh interface can maintain to originate with your /homeassistant/configuration.yaml file open. If, for some motive, you don’t look this file, bear obvious you navigate there using the navigation bar at the top of the editor.
Now add the next to your configuration.yaml on a brand fresh line at the slay:
# Custom Panels
panel_custom:
– name: Zigbee Residence Automation
sidebar_title: Zigbee Residence Automation
sidebar_icon: mdi:zigbee
js_url: /api/hassio/app/entrypoint.js
url_path: config/integrations/integration/zha
embed_iframe: lawful
require_admin: lawful
config:
ingress: core_configurator
To add a shortcut to the “File editor” add-on, I added but any other entry at as soon as below:
– name: File editor
sidebar_title: File editor
sidebar_icon: mdi:pencil
js_url: /api/hassio/app/entrypoint.js
url_path: hassio/addon/core_configurator/records
embed_iframe: lawful
require_admin: lawful
config:
ingress: core_configurator
The totally fields you wish to alternate when doing this are:
name — the name of the merchandise you’re together with
sidebar_title — the name you wish to look in the sidebar
sidebar_icon — the icon you wish displayed next to the icon
url_path — the positioning of the merchandise you’re growing a shortcut to
For the icon, Residence Assistant makes employ of the Field topic Compose Icons space. Simply eye an icon you wish to employ, then bear obvious you spend the format mdi:name to hide it correctly.
As lengthy as you nest fresh objects below the panel_custom line, that you would be able to presumably presumably preserve growing shortcuts.
To action your alternate, click on the red “Put” button at the top of the hide. Now restart Residence Assistant (by the Settings menu, click on the three dots in the top-lawful nook of the hide, then opt “Restart Residence Assistant”) to look your modifications.
To steal away an icon, that you would be able to presumably presumably constantly steal away the linked YAML in your configuration.yaml file. Alternatively, that you would be able to presumably presumably hide icons and alternate the expose wherein they give the influence of being using a straightforward menu.
