🔹 gui-sandbox - Free the GUI editors

Did you know the GUI editors are not available for YAML mode users?
It’s an outrage!

I say this grave injustice has been going on for long enough.

You can’t save anything, but it could be nice to play around with for a bit. And then you can copy the generated yaml into your actual configuration.

13 Likes

This is great Thomas!! I can’t wait to try this out when I get home. Thanks for another great contribution.

Wow, awesome!!:smile:

I’d like to try out this tool but I can’t get it to work in my views. The documentation is quite sparse. Any chance we could get some more elaborate examples? Maybe a list of supported or known working cards?

  • Include the resource according to the linked instructions.
  • Add one gui-sandbox card to any of your views.
  • Click said card.

That’s it, really.

I don’t know why, but HACS is not adding the right path to ui-lovelace.yaml
It adds /local/gui-sandbox.js instead of /community_plugin/lovelace-gui-sandbox/gui-sandbox.js

Just as a heads up for those installing it via HACS and having issues activating it.

It doesn’t work for me:

Custom element doesn't exist: gui-sandbox.

tried all possible paths
/local/gui-sandbox.js
/community_plugin/lovelace-gui-sandbox/gui-sandbox.js
/hacsfiles/lovelace-gui-sandbox/gui-sandbox.js

I am not able to get gui sandbox working:
my configuratio.yaml contains:

lovelace:
  mode: yaml
  resources:
  - url: /local/gui-sandbox.js
    type: module
  - url: /hacsfiles/lovelace-gui-sandbox/gui-sandbox.js
    type: module

But it stil show’s this error:

This is my ui-lovelace.yaml (the light is working gui sandbox not)

  - title: Game kamer
    path: game-kamer
    icon: 'mdi:desktop-classic'
    badges: []
    cards:
      - type: button
        tap_action:
          action: toggle
        entity: light.game_kamer
        name: Game Kamer
      - type: 'custom:gui-sandbox'