Installation steps for GUI based lovelace

[tanker11]

The Problem To Be Solved: The installation is a bit complex. I get that point that the folder structure (for now) needs to be replicated, but I am not using lovelace in YAML mode, and hence I have no all the conditions mentioned in the doc.

Additional background: I managed to make it work in a way it shows up the cards (not fully functional for the first sight), but the views being in YAML mode, the system does not let me edit the cards easily, so I cannot check what I am changing in the code results in what changes in the graphical representation.

It would be good to have an installation steps and examples for GUI mode, too, as the project itself is very promising!

[Minius90]

The Problem To Be Solved: The installation is a bit complex. I get that point that the folder structure (for now) needs to be replicated, but I am not using lovelace in YAML mode, and hence I have no all the conditions mentioned in the doc.

Additional background: I managed to make it work in a way it shows up the cards (not fully functional for the first sight), but the views being in YAML mode, the system does not let me edit the cards easily, so I cannot check what I am changing in the code results in what changes in the graphical representation.

It would be good to have an installation steps and examples for GUI mode, too, as the project itself is very promising!

Since you managed to make it work, I would be pleased if you'd share your solution with me. I still don't know which folders where to replicate since I am also not using lovelace in YAML mode.

[tanker11]

Hi,

It is hard to remember, because I stopped dealing with it due to no response on my initiation... Anyway, I will try to describe how it works with limited way: I have installed the SAK via HACS, then I created a card with this code, for example. Not sure if other things are done, but definitely nothing changed in my lovelace.yaml as I am using it in GUI mode.

Example code:

type: custom:swiss-army-knife-card aspectratio: 1/1 entities:

• entity: sensor.dark_sky_humidity name: Humidity icon: mdi:memory decimals: 1 layout: toolsets:
  • toolset: set1 position: cx: 50 cy: 50 tools:
    • type: circle position: cx: 50 cy: 50 radius: 45 styles: circle: stroke: blue stroke-width: 2em stroke-opacity: 0.5 fill: bisque fill-opacity: 0.5
    • type: icon position: cx: 50 cy: 25 align: center icon_size: 25 entity_index: 0
    • type: state position: cx: 50 cy: 70 align: center entity_index: 0 styles: state: font-size: 15em
    • type: name position: cx: 50 cy: 50 align: center entity_index: 0 styles: name: font-size: 15em font-weight: 900