Generic 'Vehicle' Card

Hi,

I have an Volkswagen ID4 and really like your EV card!
Could you please help me to create the pictures.
I found online a blueprint and removed already the watermark.


The VW Connect integration shows me all entities I need to visualise doors, bonnet, trunk, lights, and much more (69 entities).
It would be great if you can create the pictures.
My car is light silver:

Many thanks!

how do you find this blueprints? I can’t find them for the ioniq 5

Just Google it

Same here. I have also a ID4 but my colour is moonstone gray. So if someone is able to provide such pictures you would not make only one guy happy. :see_no_evil:

@CChris Thank you very much for all your work! Looks awesome! I guess I’ll start building my car dashboard a bit like yours! Love it!

I was wondering… You have the “Ladebegrenzung” slider. I also have it as a sensor “Minimum charge level” but it seems I can’t SET the value?!? How did you achieve that? EDIT: stupid me… I just scrolled up 4 messages and found it :slight_smile: will try that now! Thanks!!!

Also… I am wondering… my Skoda-Connect integration also gives me switches for heating the front seats, but their status is ON while they actually are OFF. Is that normal? Does yours also do that? At least your buttons in the screenshot seem to be set to OFF…

Oh… and I noticed a small typo in your dashboard. Right in the middle → Klimitisieren beim Ensperren. You are missing a T there :slight_smile:

1 Like

The switches are off…

Thanks for the info with the typo :smiley:

This thread is great!

I would also love for a “vehicle” entity type to exist, with accompagning card.

Could anyone help me out getting a view for an EQB AMG 2022 denim blue?

image

u can share the code? thank u so much!

A noob question here. Is there anything on Honda Accord models. Any way to implement a card with Non EV Honda Accord ?

Can you please share the configuration

Hi ! My card is not so fancy as those seen here, but I just got some bits here and there and made this:
image

It is not much, but it is honest work :stuck_out_tongue:

1 Like

That looks really good! Can you share your code, please?! I would like to adapt your style. Thanks!

This looks really good. Can you share the code?

Can you share your fuel gauge?

Hi,

Your solution for the Hyundai was extremely useful for me. It was more or less possible to just search and replace 2023_ioniq_6 with ev6 and the card worked.

I decided that I wanted to have a slightly more “minimalist” view where I could just push the “lock” button and it would toggle. From my searching it seems that scripts are one way of achieving this.

This is my first time using scripts - so I thought I’d show those parts here, in case someone else wants to give this a go. Everywhere you see ??? will need to be replaced with the entities and device in your system:

# config/scripts.yaml
  toggle_the_lock_state_of_the_ev:
    sequence:
      - if:
          - condition: state
            entity_id: lock.???_door_lock
            state: 'locked'
        then:
          - alias: "Unlock the EV"
            service: kia_uvo.unlock
            data:
              device_id: ???
            target: { }
        else:
          - alias: "Lock the EV"
            service: kia_uvo.lock
            data:
              device_id: ???
            target: { }
      - alias: "Wait 5s"
        delay: 5
      - alias: "Refresh the EV Status"
        service: kia_uvo.update
        data:
          device_id: ???
        target: { }

The refresh seems to be needed for me to have the new state be reflected in the icons. I added the delay “just in case”.

I then call this script when there’s a tap_action on the lock icon:

      # Door locks
      - type: state-icon
        entity: lock.???_door_lock
        state_color: true
        style:
          top: 1%
          left: 65%
          transform: scale(1.1, 1.1)
        tap_action:
          action: call-service
          service: script.toggle_the_lock_state_of_the_ev

Thanks again @briadelour!

oh sorry for the delay!
Now I changed some details: Added a new bar with the power of charging, removed some details from the buttons, changed them to mushrooms…

type: vertical-stack
cards:
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: device_tracker.smart_none
        icon_color: green
      - type: template
        icon: |-
          {% if is_state("sensor.smart_central_locking_status", "2") %}
            mdi:lock
          {% else %}
            mdi:lock-open-alert
          {% endif %}
        content: |-
          {% if is_state("sensor.smart_central_locking_status", "2")  %}
            Pechado
          {% else %}
            Aberto
          {% endif %}
        icon_color: |-
          {% if is_state("sensor.smart_central_locking_status", "2") %}
            green
          {% else %}
            red
          {% endif %}
        tap_action:
          action: more-info
        entity: sensor.smart_central_locking_status
      - type: template
        icon: mdi:ev-plug-type2
        content: |-
          {% if is_state("sensor.smart_charging_status", "CHARGING")  %}
            Cargando
          {% else %}
          Esperando         
          {% endif %}
        icon_color: |-
          {% if is_state("sensor.smart_charging_status", "CHARGING")  %}
            green
          {% else %}
            grey
          {% endif %}
        tap_action:
          action: more-info
        entity: sensor.smart_charging_status
      - type: template
        icon: mdi:ev-station
        content: |-
          {% if is_state("sensor.smart_tank_flap_status", "1")  %}
            Aberta
          {% else %}
          Pechada         
          {% endif %}
        icon_color: |-
          {% if is_state("sensor.smart_charging_status", "1")  %}
            red
          {% else %}
            grey
          {% endif %}
        tap_action:
          action: more-info
        entity: sensor.smart_charging_status
  - type: picture-elements
    image: /local/images/smart.png
    elements:
      - type: icon
        icon: mdi:thermometer
        double_tap_action: none
        hold_action: none
        style:
          top: 20%
          left: 41%
          font-size: 100%
          font-weight: normal
          color: rgb(255,255,255)
      - type: state-label
        entity: sensor.smart_exterior_temperature
        double_tap_action: none
        hold_action: none
        style:
          top: 20%
          left: 18%
          font-size: 100%
          font-weight: normal
          color: grey
      - type: icon
        icon: mdi:thermometer
        style:
          top: 20%
          left: 10%
          font-size: 100%
          font-weight: normal
          color: grey
      - type: state-label
        entity: sensor.smart_interior_temperature
        double_tap_action: none
        hold_action: none
        style:
          top: 20%
          left: 50%
          font-size: 100%
          font-weight: normal
          color: white
  - type: custom:bar-card
    name: Smart#3
    positions:
      name: 'off'
      icon: 'off'
    animation:
      state: 'on'
      speed: 3s
    bar_style:
      text-align: left
      padding-left: 10px
      border-radius: 10px
      font-size: 10px
    height: 30px
    style:
      top: 75%
      left: 5%
      transform: none
      overflow: hidden
      border-radius: 10px
      width: 90%
    min: 0
    max: 100
    target: 80
    severity:
      - value: 20
        hue: '120'
      - value: 50
        hue: '40'
      - value: 80
        hue: '0'
    entities:
      - entity: sensor.smart_battery
  - type: custom:bar-card
    name: Smart#3
    positions:
      name: 'off'
      icon: 'off'
    animation:
      state: 'on'
      speed: 3s
    bar_style:
      color: orange
      text-align: left
      padding-left: 10px
      border-radius: 10px
      font-size: 10px
    height: 30px
    style:
      top: 75%
      left: 5%
      transform: none
      overflow: hidden
      border-radius: 10px
      width: 90%
    min: 0
    entities:
      - entity: sensor.smart_charging_power
        max: 150

And now it looks like this:
image

someone have for audi e-tron . thx

hello, can you make for audi e-tron antigua blue. thx

Did you manage to implement your idea?