Hide / Deactivate Button on WLED UI

Usermods
1

I think i got a good solution for Hiding or Deavtivate Buttons on WLED UI

Just add in ‘index.js’ at the bottom these lines:

// Uncomment for hide Buttons on Index UI

// d.getElementById(‘buttonPower’).style.display = “none”; // Power Button
// d.getElementById(‘buttonNl’).style.display = “none”; // Timer
// d.getElementById(‘buttonSync’).style.display = ‘none’; // Sync
// d.getElementById(‘buttonSr’).style.display = ‘none’; // Preview
// d.getElementById(‘buttonI’).style.display = ‘none’; // Info
// d.getElementById(‘buttonSt’).style.display = ‘none’; // Settings

Just uncomment the Button Types you dont want to see at the UI

2

Nonsense!
You can achieve the same by uploading and using skin.css. No change of source needed.

3

How? Can you provide some clear instructions?

4

Examine existing index.css and adjust properties for cetrain #ids or .classes.
You can get ID and class names using browser’s developer tools.

1 Like
5

I will try your suggestions. I will let you about the outcome.

7

You need to do that in HTML and JS files, not CSS. Index.