Hide / Deactivate Button on WLED UI

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

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

How? Can you provide some clear instructions?

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

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