Visual editor not supported

Configuration Frontend
1

Ive instaled button card by lovelace but when im try to use show me this error
Visual editor not supported
The visual editor is not available for this element type.
You can still edit your configuration using YAML.

2

Hi, the button card is a default card so it doesn’t have to be installed.
When you add it to your dashboard, it’s possible that you get that message when creating ‘non-standard’ buttons OR when you make a mistake in setting it up.

If you’re using a simple button, you might have to refresh your browser to make that message go away.

It’s a lot easier to help you when you show what you have. (preferable the yaml code, pasted as code by using the <> button at the top of the message window)

3

Uploading: errorrrrr.jpg…

I installed it to get a custom button, but this always appears, even without having put the button code and when I try to add it manually it says that the icon was not found even though it was already installed by HACS. I have already created and deleted the ui folder, the www folder exists and any external button that I try to use appears this

4

So you are talking about the custom button, not the standard one!?
Your picture is not showing.

The custom button has to be configured through yaml and doesn’t show the visual editor by design.

All the info: GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant
The HA thread with a lot of examples as well: Fun with custom:button-card

1 Like
5

thanks, now I have another problem
´´´
type: custom:button-card
color_type: label-card
color: rgb(200, 255, 124)
name: Morning
badges:

  • type: entity
    entity: switch.kitchen_scene_1
  • type: entity
    entity: weather.casa
  • type: entity
    entity: switch.living_room_light
    styles:
    card:
    • padding: 10px
      grid:
    • grid-template-areas: “"e n"”
    • grid-template-columns: auto 1fr
    • align-items: center
      name:
    • font-size: 20px
    • justify-self: start
    • margin-left: 10px
      custom_fields:
      entity_field:
      • align-self: center
      • justify-self: start
        custom_fields:
        entity_field: |
        [[[
        const tempEntity = states[‘sensor.casa_realfeel_temperature’];
        if (tempEntity) {
        return <ha-icon icon='mdi:thermometer' style='width: 24px; height: 24px; margin-right: 5px;'></ha-icon> <span style='font-size: 18px;'>${tempEntity.state}°C</span>;
        } else {
        return <ha-icon icon='mdi:alert' style='width: 24px; height: 24px; margin-right: 5px;'></ha-icon> <span style='font-size: 18px;'>Entidade não encontrada</span>;
        }
        ]]]
        lock:
        enabled: false
        duration: 5
        unlock: tap
        ´´´

I need in the same line morning and 3 entity i made em comum button but in the button card dont work
type: vertical-stack
cards:
´´´

  • type: heading
    heading: Bem-vindo :wave:
    heading_style: title
    badges:
    • type: entity
      show_state: true
      show_icon: true
      entity: sensor.casa_realfeel_temperature
    • type: entity
      entity: weather.casa
    • type: entity
      entity: sensor.time
      ´´´
      I need this code in an button for me change de color
6

Just a heads up, we can copy and edit your code much faster if it’s posted using the following format. See #11 for instructions.

7 
 type: vertical-stack
cards:
  - type: heading
    heading: Bem-vindo 👋
    heading_style: title
    badges:
      - type: entity
        show_state: true
        show_icon: true
        entity: sensor.casa_realfeel_temperature
      - type: entity
        entity: weather.casa
      - type: entity
        entity: sensor.time