Vehicle Status Custom Card

Hi @Sofa_Surfer, you can set the button to action type and assign action: nothing …

Sorry I forgot to attach my code, I already set the buttons:

type: custom:vehicle-status-card
button_card:
  - button:
      icon: mdi:navigation
      primary: Trip data
      secondary:
        entity: sensor.mazda_odometer
    custom_card: []
    default_card: []
    hide_button: false
    button_action:
      entity: ""
      tap_action:
        action: none
      hold_action:
        action: none
      double_tap_action:
        action: none
  - button:
      icon: mdi:tire
      primary: Pneumatici
    card_type: tire
    custom_card: []
    default_card: []
    hide_button: false
    button_action: {}
    tire_card:
      background: /api/image/serve/35e75234eabde4dfc614ef997117c442/original
      front_left:
        entity: sensor.mazda_front_left_tire_pressure
      front_right:
        entity: sensor.mazda_front_right_tire_pressure
      rear_left:
        entity: sensor.mazda_rear_left_tire_pressure
      rear_right:
        entity: sensor.mazda_rear_right_tire_pressure
      left: 68

can you be more precise? And for the < > at the top? and about the notifications?

set button type to action.

button_type: action and some entity… like this…

button:
  icon: mdi:new-box
  primary: New Button
  secondary:
    state_template: This is a new button
button_type: action
card_type: default
custom_card: []
hide_button: false
button_action:
  entity: sensor.motion_sensor_bedroom_battery
  tap_action:
    action: none
  hold_action:
    action: none
  double_tap_action:
    action: none

I was missing this! Thank you

For the other question I’ll check if i find some templates/examples

for notify template, just set template to return result as true boolean.
example, states sensor is 2 … so result True.

{{ is_state('sensor.6z1_2359_tires_rdk_state', '2')}}

for arrow buttons… use card_mod and set css like this…

card_mod:
  style: |
    .card-toggle {
      display: none !important;
    }
1 Like

Hello could anyone guide me regarding the fact that i cannot see different colors based on battery level by using the following code, since via GUI i cannot see how that is possible?

thank you

- energy_level:
    icon: ""
    entity: sensor.car_battery
  range_level:
    entity: sensor.car_range
    attribute: est_battery_range_km
  progress_color: "#00ff2a"
  charging_entity: binary_sensor.car_charging
  color: |
    {% set battery_level = states('sensor.car_battery') | float %}
    {% if battery_level > 50 %}
      green
    {% elif battery_level >= 30 and battery_level <= 50 %}
      yellow
    {% else %}
      red
    {% endif %}

Hi, there is no option color template for progress bar now. I will try to add this feat to the next release…

@StoneH
update: Color template for progress bar is available in the latest, still beta version v1.8.2-beta.2

2 Likes

Thank you. Excelent job.

I have a mercedes vehicle. How do I download my car images?

thanks for the response in the other thread. Is there a min/max size limit on the main vehicle image? its not rendering. I provided a public url and when I use web inspector I dont even see that referenced in the rendered card.

Hi, thanks for a great vehicle card! I have one question and one request;

Is it possible to have one of the buttons trigger the popup of a map showing where the car is? If so, how do I solve this?

I would really appreciate a switch to choose a pre-made color template for the battery charge status bar to make it go from red to green depending of the percentage.

Is it possible to hide the indicators underneath the slideshow?

Hi, you can use color template for progress bar… check this example… :point_down:

Hi, u can hide bullets with card_mod like this…

card_mod:
  style: 
    images-slide$: |
      .swiper-pagination {
        display: none !important;
      }

thank you for the quick answer! And for all the work in your creation - works great!

1 Like

How do you get that image superimposed in the background? I’d like to put my car logo there. Thanks!

Is it possible to set the background of the card to ‘none’? I currently have it working with a bubble card, but I don’t want the card’s background to be visible.

card_mod:
  style: |
    ha-card {
      background: none !imporant;
   }

v1.9.0

New Features :tada:

  • Zone Name Display on Mini Map #89
    You can now choose to display the Home Assistant Zone name on the mini map when your vehicle is parked within a defined zone. If the vehicle is outside any zone, the address will be shown instead. This feature is controlled via a new boolean configuration option.

  • Enhanced Progress Bar Styling #96
    Added new styling options for the progress bar, allowing customization of height, width, and border radius to better match your theme.

Fixes :bug:

  • Improved Button Actions & Swipe Detection #93
    Refactored the handling of button actions and swipe gestures to improve responsiveness and reliability.

Other Changes

  • Dynamic Pagination Bullets for Image Slider #90
    Added support for dynamic bullets in the image slider’s pagination and included an option to hide pagination bullets entirely.

Full Changelog: v1.8.2…v1.9.0

In the latest version you can now hide pagination in the images settings editor :+1:

1 Like