Anyway to Hide developer tool section? in the HA frontend

Configuration
1

hide developer tool section? in the HA frontend

2 Likes
2

Did you figure out a way to do this?

3

nope … people ignored me :frowning2:

1 Like
4

I do not think it is possible.

5

Thanks @Danielhiversen

6

Why would you need or want to hide it anyway? In other words: what is the use case?

7

Ok I don’t really want to hide the dev tools. I feel that you shouldn’t be able to stop hass from the front end though.

8

To me, it would make more sense to make such limitations part of having multiple user accounts, e.g. only give admins access to the developer tools.

1 Like
9

Bigger picture that is what needs to happen.

10

Would be useful to hide sections in the menu especially if you have a guest suite with a wall mounted dashboard and don’t want them anywhere near dev tools. Integrating that into a multiple account approach would be a nice feature as fanaticDavid mentioned.

11

hi this is what am requesting from HA people

12

Evidently, Paulus helped Ben do it in this blog…

13

I have also just deleted the panels so there is nothing there when you click on them.

You have to do it every time you update though.

14

@PtP hi will appreciate if you could tell how it was done i do not want every one to have control over the sidebar which has a STOP home assistant button

Thanks in advance

15

I think it would be great if developer section is hidden in kiosk mode

16

@Gagan_Kochar In my instance of HA they are located here.

/usr/local/lib/python3.5/dist-packages/homeassistant/components/frontend/www_static/panels

I simply delete the .html and .html.gz file of all the dev tools.

Once again this is a horrible way to resolve this and has to be redone after every update of HA.

It also makes it really difficult to do work on your system if the need should arise.

Hopefully there will be an option to hide dev tools soon.

1 Like
17

Hello,

i insert in the configuration yaml

frontend:
  extra_html_url:  
    -/local/xxx.html

put into config/www the file

xxx.html

<style>
app-toolbar{
  visibility: hidden !important;
  height:0px !important;
}
</style>
2 Likes
18

hey man, I’ve try the code, seems like the dev tools tab still visible, do I need to make some extra settings to get it work? Please help, thanks!

19

@daywalker815 it didn’t work for me either.

20

@PtP and @kevinshane did you ever get it working? I think I have a more robust option (maybe tested it manually with the chrome dev tools console but cant get it to load automatically)