Modify Dashboard to Prevent Editing

[peter23]

A Hubitat Dashboard has two editing icons (+ and gear) which allow adding titles and changing settings. However, when a dashboard is finished it is desirable to prevent such editing. Older posts have described ways to hide the header but the problem is once the header is hidden, you can no longer change the dashboard. This method hides the editing icons but allows restoring them if needed. Create a file HideHeaders.css that has the following line in it:

.showSidePanelBtn {display:none}

Use the Hubitat file manager to upload this file to your hub. To hide the editing icons on a dashboard add the following CSS to it:

@import url("HH192.168.0.xxx/local/HideHeader.css");

Substitute http:// for HH. 192.168.0.xxx is the IP address of the hub. To add CSS to a dashboard, click on the gear icon in the upper right corner. Then select “advanced” and then “CSS”. Enter the CSS text and click on Save CSS at the bottom. If everything is correct, clicking on Save CSS will hide the editing icons.

To unhide the icons, go to the file manager and rename HideHeaders.css to something like XHideHeaders.css. Rename it back to again hide the icons. In addition to hiding the dashboard editing icons, you should also select the “Hide 3 dot menu on all titles“ option to prevent editing tiles.

[tray_e]

If you open the Apps -> Expand Hubitat Dashboard -> Then click on the dashboard name, you will get the settings for that dashboard

Expand the advanced section and toggle on the lockdown to prevent changes in webUI
(Note: I believe you have to toggle it back on in order to make changes later). I find that this is a bit simpler than I would think going into file editor and renaming files since it is built in.

This information can also be found (along with a lot of other useful information int he documentation link at the top of the page

Hubitat® Dashboard | Hubitat Documentation (Scroll down till you see the dashboard configuration section once you are in the hubitat dashboard part of the documentation)

[peter23]

Both methods have the same result in the looks of the dashboards. My method enables/disables all dashboards that have the CSS applied. What you describe effects one dashboard at a time.