Mercedes Me Component

Hi @jruoho,

Unlock:
Please take the latest code out of the repo.
Could you please reset your PIN in the MB App, change the config and restart your HA?

This was my mistake. I asume, only few of you have the same PIN like I had.

Precond:
I’ll send you an email.

Could be that the MB-Dev team is a small part of the hole product process at MB. I’m sure they have more Legal, PMs and other teams and the Dev team has to follow. I’m not shooting on the DEV team, more on the process. They have a public API since months/years now in an experimantal state and it should be easy to open it up.

Wonderful!!!
I would very appreciate if could you share your config.
Bye
Sandro

A good instruction :slight_smile: I tried your pin code also, but it did not work - that’s because I had a different account for HA -usage, and I was changing the pin I was using…

So after settting the corrent pin it works!

Tried setting this up.

  1. Copied mercesmeapi to custom_components
  2. Added the following to configuration.yaml:

mercedesmeapi:
username: [email protected]
password: mypassword

Get this error:

Setup failed for mercedesmeapi: Component ‘mercedesmeapi’ did not return boolean if setup was successful. Disabling component.

Hassio 0.94.1

Hi @michel72 ,

do you have used the orginal app in the last days or weeks? if not please use this app and accept the data processing rules. After that restart your HA.

If you see further errors please switch on the debug log and post the details (see the original announcement for some details)

You have to start the Mercedes Me app, logout, then login again. Hopefully it will ask you to accept the data processing rules when you login. Accept and restart HA as Rene says.

Private message sent.

I changed my VIN and license plate.

This is my impelmentation

6 Likes

Care to share your config? Looks really good! :slight_smile:

+1 for a share. :wink:

+100 for share - looks amazing

Fantastic! Please share :slight_smile:

Ok, long waiting time. Sorry for that :see_no_evil: … Long vacation, hard welcome back at work and thousands of photos to sort :sweat_smile:

Here you find the config of my system. Just some notes:

  • It’s partially german - sorry! I’ll still working on it and try to do more in english
  • The packages in the lovelace part I’m using is my complete list. I’ts hard to say exactly which one is needed for the Mercedes me part and which not.
  • I still got problems with the sensors es_xm1882_window_allclosed and es_xm1882_door_allclosed which combine the window and door status. There must be some error in the code. Probably one of you can give me a hint where the error is

This is the part within the “configuration.yaml”:

###################################################################################################################
###################################################################################################################
# 4.0 Definition von "Components" #################################################################################
###################################################################################################################
###################################################################################################################

###################################################################################################################
#-------------------#
# 4.1 input_boolean #
#-------------------#
###################################################################################################################

input_boolean:

#------------------------------------------------------------------------------------------------------------------
# 4.1.7 Anzeige von Mercedes me cards #
#-------------------------------------#

  showcards_mercedesme_tirepressure:
    name: Mercedes-Me-Card für Reifendruck anzeigen
  showcards_mercedesme_doorstatus:
    name: Mercedes-Me-Card für Türstatus anzeigen
  showcards_mercedesme_windowstatus:
    name: Mercedes-Me-Card für Fensterstatus anzeigen
  showcards_mercedesme_drivingdata:
    name: Mercedes-Me-Card für Fahrdaten anzeigen
  showcards_mercedesme_map:
    name: Mercedes-Me-Card für Karte anzeigen
  showcards_mercedesme_warnings:
    name: Mercedes-Me-Card für Warnungen anzeigen


###################################################################################################################
#------------#
# 4.4 sensor #
#------------#
###################################################################################################################

sensor:

#------------------------------------------------------------------------------------------------------------------
# 4.4.4 Tire Pressure #
#---------------------#

  - platform: template
    sensors:
      es_xm1882_tire_pressurebar_front_left:
        value_template: '{{ ((states.sensor.es_xm1882_tire_pressure_front_left.state | float * 1 / 100 )) | round(1) }}'
        friendly_name: 'ES XM1882 Tire Pressure Front Left in bar'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_tire_pressurebar_front_right:
        value_template: '{{ ((states.sensor.es_xm1882_tire_pressure_front_right.state | float * 1 / 100 )) | round(1) }}'
        friendly_name: 'ES XM1882 Tire Pressure Front Left in bar'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_tire_pressurebar_rear_left:
        value_template: '{{ ((states.sensor.es_xm1882_tire_pressure_rear_left.state | float * 1 / 100 )) | round(1) }}'
        friendly_name: 'ES XM1882 Tire Pressure Front Left in bar'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_tire_pressurebar_rear_right:
        value_template: '{{ ((states.sensor.es_xm1882_tire_pressure_rear_right.state | float * 1 / 100 )) | round(1) }}'
        friendly_name: 'ES XM1882 Tire Pressure Front Left in bar'
        unit_of_measurement: ''

#------------------------------------------------------------------------------------------------------------------
# 4.4.5 Sensoren für Statusangaben der Mercedes me Entities #
#-----------------------------------------------------------#

  # Tür- und Koffferraumstati mit eigenen Werten
  - platform: template
    sensors:
      es_xm1882_door_front_right_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_door_front_right', 'False') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 Schließstatus vorne rechts (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_door_front_left_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_door_front_left', 'False') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 Schließstatus vorne links (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_door_rear_right_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_door_rear_right', 'False') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 Schließstatus hinten rechts (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_door_rear_left_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_door_rear_left', 'False') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 Schließstatus hinten links (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_decklid_status_ownvalue:
        value_template: >-
          {% if is_state('binary_sensor.es_xm1882_decklid_status', 'off') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 Schließstatus hinten links (umbenannt)'
        unit_of_measurement: ''

  # Fensterstati mit eigenen Werten
  - platform: template
    sensors:
      es_xm1882_window_front_right_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_window_front_right', '2') %}
            geschlossen
          {% elif is_state('sensor.es_xm1882_window_front_right', '1') %}
            offen
          {% else %}
            teilw. offen
          {% endif %}
        friendly_name: 'ES XM1882 Fensterstatus vorne rechts (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_window_front_left_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_window_front_left', '2') %}
            geschlossen
          {% elif is_state('sensor.es_xm1882_window_front_left', '1') %}
            offen
          {% else %}
            teilw. offen
          {% endif %}
        friendly_name: 'ES XM1882 Fensterstatus vorne links (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_window_rear_right_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_window_rear_right', '2') %}
            geschlossen
          {% elif is_state('sensor.es_xm1882_window_rear_right', '1') %}
            offen
          {% else %}
            teilw. offen
          {% endif %}
        friendly_name: 'ES XM1882 Fensterstatus hinten rechts (umbenannt)'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_window_rear_left_ownvalue:
        value_template: >-
          {% if is_state('sensor.es_xm1882_window_rear_left', '2') %}
            geschlossen
          {% elif is_state('sensor.es_xm1882_window_rear_left', '1') %}
            offen
          {% else %}
            teilw. offen
          {% endif %}
        friendly_name: 'ES XM1882 Fensterstatus hinten links (umbenannt)'
        unit_of_measurement: ''

  # Gesammelte Stati 
  - platform: template
    sensors:
      es_xm1882_window_allclosed:
        value_template: >-
          {% if is_state('sensor.es_xm1882_window_front_right', '2') and is_state('sensor.es_xm1882_window_front_left', '2') and is_state('sensor.es_xm1882_window_rear_left', '2') and is_state('sensor.es_xm1882_window_rear_right', '2') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 gesammelter Fensterstatus'
        unit_of_measurement: ''
  - platform: template
    sensors:
      es_xm1882_door_allclosed:
        value_template: >-
          {% if is_state('sensor.es_xm1882_door_front_right', 'False') and is_state('sensor.es_xm1882_door_front_left', 'False') and is_state('sensor.es_xm1882_door_rear_left', 'False') and is_state('sensor.es_xm1882_door_rear_right', 'False') %}
            geschlossen
          {% else %}
            offen
          {% endif %}
        friendly_name: 'ES XM1882 gesammelter Türstatus'
        unit_of_measurement: ''
4 Likes

And this is part 1 within the “ui-lovelace.yaml”:

###################################################################################################################
###################################################################################################################
# Inhaltsverzeichnis ##############################################################################################
###################################################################################################################
###################################################################################################################

# 8.0 Mercedes Me
#     8.1 Init
#     8.2 Main Elements
#         8.2.1 Vehicle View 
#         8.2.2 Mercedes me Logo with Details (Vertical Stack)
#         8.2.3 Consumption and Range 
#         8.2.4 Tire Pressure 
#         8.2.5 Doors
#         8.2.6 Windows
#         8.2.7 Map 
#     8.3 compact-custom-header

###################################################################################################################
###################################################################################################################
# 1.0 Initial #####################################################################################################
###################################################################################################################
###################################################################################################################

title: Home Assistant
resources:
- url: /local/plugins/slider-entity-row.js?v=2
  type: js
  # https://github.com/thomasloven/lovelace-slider-entity-row
- url: /local/plugins/card-tools.js?v=1
  type: js
  # https://github.com/thomasloven/lovelace-card-tools
- url: /local/plugins/layout-card.js?v=1
  type: js
  # https://github.com/thomasloven/lovelace-layout-card
- url: /local/plugins/card-modder.js?v=1
  type: module
  # https://github.com/thomasloven/lovelace-card-modder
- url: /local/plugins/column-card.js?v=1
  type: js
  # https://github.com/thomasloven/lovelace-column-card
- url: /local/plugins/compact-custom-header/compact-custom-header.js?v=1
  type: module
  # https://github.com/maykar/compact-custom-header
- url: /local/plugins/fold-entity-row.js?v=1
  type: js
  # https://github.com/thomasloven/lovelace-fold-entity-row
- url: /local/plugins/mini-graph-card-bundle.js?v=1
  type: module
  # https://github.com/kalkih/mini-graph-card
- url: /local/plugins/vertical-stack-in-card.js?v=0.1.2
  type: js
  # https://github.com/custom-cards/vertical-stack-in-card
- url: /local/plugins/text-element.js?v=1
  type: js
  # https://github.com/custom-cards/text-element
- url: /local/plugins/mini-media-player-bundle.js?v=1.0.4
  type: module
  # https://github.com/kalkih/mini-media-player
- url: /local/plugins/monster-card.js?v=0.2.3
  type: js
  # https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/monster-card.js

views:

###################################################################################################################
###################################################################################################################
# 8.0 Mercedes Me #################################################################################################
###################################################################################################################
###################################################################################################################

###################################################################################################################
#----------#
# 8.1 Init #
#----------#
###################################################################################################################

  - title: light_overview
    panel: true
    icon: mdi:car-connected
    background: center / cover no-repeat url("/local/background/white_03.jpg") fixed
    cards:

      - type: custom:layout-card
        layout: auto
        column_num: 1
        max_columns: 3
        cards:
 
###################################################################################################################
#-------------------#
# 8.2 Main Elements #
#-------------------#
###################################################################################################################

#------------------------------------------------------------------------------------------------------------------
# 8.2.1 Vehicle View #
#--------------------#

        - type: custom:card-modder
          style:                
            border-radius: 15px
            background-color: 'rgba(220,220,220,0.5)'
            box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
            font-weight: bold
          card:
            type: picture-elements
            image: /local/mercedes_me/picture_aclass_var04.png
            theme: Own - Normal Cards 01
            elements:

              - type: custom:text-element
                text: "STATUSÜBERSICHT"
                style:
                  font-size: 1.7em
                  font-weight: normal
                  color: grey
                  top: 35px
                  left: 50.0%

              - type: image                                  
                entity: sensor.es_xm1882_door_lock_vehicle
                tap_action:                 
                  action: none
                image: /local/mercedes_me/symbol_grey01_round_lockstatuslocked.png
                state_image:
                  "2": /local/mercedes_me/symbol_grey01_round_lockstatuslocked.png
                  "1": /local/mercedes_me/symbol_blue03_round_lockstatusunlocked.png
                  "0": /local/mercedes_me/symbol_blue03_round_lockstatusunlocked.png
                style:
                  top: 23.0%
                  left: 14.0%
                  width: 12.0%
              - type: custom:text-element
                text: "Schloss"
                style:
                  font-weight: normal
                  color: grey
                  top: 33.0%
                  left: 14.0%

              - type: image                                  
                entity: binary_sensor.es_xm1882_warning_engine_light
                tap_action:                 
                  action: none
                image: /local/mercedes_me/symbol_grey01_round_engine.png
                state_image:
                  "off": /local/mercedes_me/symbol_grey01_round_engine.png
                  "on": /local/mercedes_me/symbol_blue03_round_engine.png
                style:
                  top: 23.0%
                  left: 32.0%
                  width: 12.0%
              - type: custom:text-element
                text: "Motor"
                style:
                  font-weight: normal
                  color: grey
                  top: 33.0%
                  left: 32.0%

              - type: image                                  
                entity: binary_sensor.es_xm1882_warning_washwater
                tap_action:                 
                  action: none
                image: /local/mercedes_me/symbol_grey01_round_wipingwater.png
                state_image:
                  "off": /local/mercedes_me/symbol_grey01_round_wipingwater.png
                  "on": /local/mercedes_me/symbol_blue03_round_wipingwater.png
                style:
                  top: 23.0%
                  left: 50.0%
                  width: 12.0%
              - type: custom:text-element
                text: "Wasser"
                style:
                  font-weight: normal
                  color: grey
                  top: 33.0%
                  left: 50.0%

              - type: image                                  
                entity: binary_sensor.es_xm1882_warning_breakfluid
                tap_action:                 
                  action: none
                image: /local/mercedes_me/symbol_grey01_round_brakefluid.png
                state_image:
                  "off": /local/mercedes_me/symbol_grey01_round_brakefluid.png
                  "on": /local/mercedes_me/symbol_blue03_round_brakefluid.png
                style:
                  top: 23.0%
                  left: 68.0%
                  width: 12.0%
              - type: custom:text-element
                text: "Bremse"
                style:
                  font-weight: normal
                  color: grey
                  top: 33.0%
                  left: 68.0%

              - type: image                                  
                entity: binary_sensor.es_xm1882_parkbreak_status
                tap_action:                 
                  action: none
                image: /local/mercedes_me/symbol_grey01_round_parklock.png
                state_image:
                  "off": /local/mercedes_me/symbol_grey01_round_parklock.png
                  "on": /local/mercedes_me/symbol_blue03_round_parklock.png
                style:
                  top: 23.0%
                  left: 86.0%
                  width: 12.0%
              - type: custom:text-element
                text: "Parksperre"
                style:
                  font-weight: normal
                  color: grey
                  top: 33.0%
                  left: 86.0%

#------------------------------------------------------------------------------------------------------------------
# 8.2.2 Mercedes me Logo with Details (Vertical Stack) #
#------------------------------------------------------#

        # Vertical Stack
        - type: vertical-stack
          cards:

            # Mercedes Me Logo
            - type: custom:card-modder
              style:                
                border-radius: 15px
                background-color: 'rgba(220,220,220,0.5)'
                box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
                font-weight: bold
              card:
                type: picture-elements
                image: /local/mercedes_me/logo_03.jpg
                theme: Own - Normal Cards 01
                elements:
                - type: custom:text-element
                  text: " "

            # Detailstatus
            - type: custom:card-modder
              style:                
                border-radius: 15px
                background-color: 'rgba(0,0,0,1)'
                box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
                font-weight: bold
              card:
                type: picture-elements
                image: /local/mercedes_me/background_stats_04.png
                theme: Own - Normal Cards 01
                elements:

                  - type: custom:text-element
                    text: "DETAILS"
                    style:
                      font-size: 1.7em
                      font-weight: normal
                      color: grey
                      top: 35px
                      left: 50.0%

                  - type: image
                    image: /local/mercedes_me/symbol_grey01_round_tirepressureok.png
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_tirepressure
                    style:
                      top: 25.0%
                      left: 14.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Reifen"
                    style:
                      font-weight: normal
                      color: grey
                      top: 45.0%
                      left: 14.0%

                  - type: image
                    entity: sensor.es_xm1882_window_allclosed
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_windowstatus
                    image: /local/mercedes_me/symbol_grey01_round_windowopenclosed.png
                    state_image:
                      "geschlossen": /local/mercedes_me/symbol_grey01_round_windowopenclosed.png
                      "offen": /local/mercedes_me/symbol_blue03_round_windowpartiallyopen.png
                    style:
                      top: 70.0%
                      left: 14.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Fenster"
                    style:
                      font-weight: normal
                      color: grey
                      top: 90.0%
                      left: 14.0%

                  - type: image
                    image: /local/mercedes_me/symbol_grey01_round_position.png
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_map
                    style:
                      top: 50.0%
                      left: 38.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Position"
                    style:
                      font-weight: normal
                      color: grey
                      top: 70.0%
                      left: 38.0%

                  - type: image
                    image: /local/mercedes_me/symbol_grey01_round_route.png
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_drivingdata
                    style:
                      top: 50.0%
                      left: 62.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Fahrten"
                    style:
                      font-weight: normal
                      color: grey
                      top: 70.0%
                      left: 62.0%

                  - type: image
                    entity: sensor.es_xm1882_door_allclosed
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_doorstatus
                    image: /local/mercedes_me/symbol_grey01_round_doorclosed.png
                    state_image:
                      "geschlossen": /local/mercedes_me/symbol_grey01_round_doorclosed.png
                      "offen": /local/mercedes_me/symbol_blue03_round_dooropen.png
                    style:
                      top: 25.0%
                      left: 86.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Türen"
                    style:
                      font-weight: normal
                      color: grey
                      top: 45.0%
                      left: 86.0%

                  - type: image                                  
                    entity: binary_sensor.es_xm1882_decklid_status
                    tap_action:                 
                      action: call-service
                      service: homeassistant.toggle
                      service_data:
                        entity_id: input_boolean.showcards_mercedesme_doorstatus
                    image: /local/mercedes_me/symbol_grey01_round_trunkclosed.png
                    state_image:
                      "off": /local/mercedes_me/symbol_grey01_round_trunkclosed.png
                      "on": /local/mercedes_me/symbol_blue03_round_trunkopen.png
                    style:
                      top: 70.0%
                      left: 86.0%
                      width: 15.0%
                  - type: custom:text-element
                    text: "Kofferraum"
                    style:
                      font-weight: normal
                      color: grey
                      top: 90.0%
                      left: 86.0%

#------------------------------------------------------------------------------------------------------------------
# 8.2.3 Consumption and Range #
#-----------------------------#

        - type: conditional
          conditions:
            - entity: input_boolean.showcards_mercedesme_drivingdata
              state: "off"
          card:
            type: custom:card-modder
            style:                
              border-radius: 15px
              background-color: 'rgba(220,220,220,0.5)'
              box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
              font-weight: bold
            card:
              type: picture-elements
              image: /local/mercedes_me/cockpit_03.png
              theme: Own - Normal Cards 01
              elements:

                - type: custom:text-element
                  text: "FAHRTEN"
                  style:
                    font-size: 1.7em
                    font-weight: normal
                    top: 35px
                    left: 50.0%

                - type: custom:text-element
                  text: "Kilometerstand"
                  style:
                    top: 20.0%
                    left: 50.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_odometer
                  style:
                    font-weight: normal
                    top: 24.0%
                    left: 50.0%

                - type: custom:text-element
                  text: "Gefahrene Strecke (seit Start)"
                  style:
                    top: 33.0%
                    left: 50.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_distance_since_start
                  style:
                    font-weight: normal
                    top: 37.0%
                    left: 50.0%

                - type: custom:text-element
                  text: "Gefahrene Strecke (seit Reset)"
                  style:
                    top: 46.0%
                    left: 50.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_distance_since_reset
                  style:
                    font-weight: normal
                    top: 50.0%
                    left: 50.0%

                - type: custom:text-element
                  text: "Verbrauch (seit Start)"
                  style:
                    top: 59.0%
                    left: 50.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_liquid_consumption_start
                  suffix: " l/100km"
                  style:
                    font-weight: normal
                    top: 63.0%
                    left: 50.0%

                - type: custom:text-element
                  text: "Verbrauch (seit Reset)"
                  style:
                    top: 72.0%
                    left: 50.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_liquid_consumption_reset
                  suffix: "  l/100km"
                  style:
                    font-weight: normal
                    top: 76.0%
                    left: 50.0%

                - type: custom:text-element
                  text: "Restreichweite"
                  style:
                    top: 86.0%
                    left: 33.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_liquid_range
                  style:
                    font-weight: normal
                    top: 90.0%
                    left: 33.0%

                - type: custom:text-element
                  text: "Tankfüllstand"
                  style:
                    top: 86.0%
                    left: 66.0%
                - type: state-label
                  icon: mdi:home
                  entity: sensor.es_xm1882_tank_level
                  style:
                    font-weight: normal
                    top: 90.0%
                    left: 66.0%

                - type: image
                  image: /local/mercedes_me/symbol_white_singlesymbol_cross01.png
                  tap_action:                 
                    action: call-service
                    service: homeassistant.toggle
                    service_data:
                      entity_id: input_boolean.showcards_mercedesme_drivingdata
                  style:
                    top: 4.0%
                    left: 96.0%
                    width: 02.5%
5 Likes

And this is part 2 within the “ui-lovelace.yaml”:

#------------------------------------------------------------------------------------------------------------------
# 8.2.4 Tire Pressure #
#---------------------#

        - type: conditional
          conditions:
            - entity: input_boolean.showcards_mercedesme_tirepressure
              state: "off"
          card:
            type: custom:card-modder
            style:                
              border-radius: 15px
              background-color: 'rgba(220,220,220,0.5)'
              box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
              font-weight: bold
            card:
              type: picture-elements
              image: /local/mercedes_me/topview_wheelpressure_01.png
              theme: Own - Normal Cards 01
              elements:

                - type: custom:text-element
                  text: "REIFENDRUCK"
                  style:
                    font-size: 1.7em
                    font-weight: normal
                    top: 35px
                    left: 50.0%

                - type: state-label
                  entity: sensor.es_xm1882_tire_pressurebar_front_left
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 31.2%
                    left: 27.1%
                - type: custom:text-element
                  text: "bar"
                  style:
                    font-size: 1.1em
                    top: 36.2%
                    left: 27.1%

                - type: state-label
                  entity: sensor.es_xm1882_tire_pressurebar_front_right
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 31.1%
                    left: 72.9%
                - type: custom:text-element
                  text: "bar"
                  style:
                    font-size: 1.1em
                    top: 36.1%
                    left: 72.9%

                - type: state-label
                  entity: sensor.es_xm1882_tire_pressurebar_rear_left
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 76.5%
                    left: 27.2%
                - type: custom:text-element
                  text: "bar"
                  style:
                    font-size: 1.1em
                    top: 81.5%
                    left: 27.2%

                - type: state-label
                  entity: sensor.es_xm1882_tire_pressurebar_rear_right
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 76.0%
                    left: 73.0%
                - type: custom:text-element
                  text: "bar"
                  style:
                    font-size: 1.1em
                    top: 81.0%
                    left: 72.9%

                - type: image
                  image: /local/mercedes_me/symbol_white_singlesymbol_cross01.png
                  tap_action:                 
                    action: call-service
                    service: homeassistant.toggle
                    service_data:
                      entity_id: input_boolean.showcards_mercedesme_tirepressure
                  style:
                    top: 04.0%
                    left: 96.0%
                    width: 02.5%

#------------------------------------------------------------------------------------------------------------------
# 8.2.5 Doors #
#-------------#

        - type: conditional
          conditions:
            - entity: input_boolean.showcards_mercedesme_doorstatus
              state: "on"
          card:
            type: custom:card-modder
            style:                
              border-radius: 15px
              background-color: 'rgba(220,220,220,0.5)'
              box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
              font-weight: bold
            card:
              type: picture-elements
              image: /local/mercedes_me/background_standard_01.png
              theme: Own - Normal Cards 01
              elements:

                - type: custom:text-element
                  text: "TÜRSTATUS"
                  style:
                    font-size: 1.7em
                    font-weight: normal
                    top: 35px
                    left: 50.0%

                - type: image                                  
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%

                - type: image                                  
                  entity: sensor.es_xm1882_door_front_right
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_doorfrontright_blue.png
                  state_image:
                    "False": /local/mercedes_me/topview_grey_doorfrontright_grey.png
                    "True": /local/mercedes_me/topview_grey_doorfrontright_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Türe"
                  style:
                    font-size: 1.1em
                    top: 47.0%
                    left: 77.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_door_front_right_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 51.0%
                    left: 77.0%

                - type: image                                  
                  entity: sensor.es_xm1882_door_front_left
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_doorfrontleft_blue.png
                  state_image:
                    "False": /local/mercedes_me/topview_grey_doorfrontleft_grey.png
                    "True": /local/mercedes_me/topview_grey_doorfrontleft_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Türe"
                  style:
                    font-size: 1.1em
                    top: 47.0%
                    left: 23.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_door_front_left_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 51.0%
                    left: 23.0%

                - type: image                                  
                  entity: sensor.es_xm1882_door_rear_right
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_doorrearright_blue.png
                  state_image:
                    "False": /local/mercedes_me/topview_grey_doorrearright_grey.png
                    "True": /local/mercedes_me/topview_grey_doorrearright_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Türe"
                  style:
                    font-size: 1.1em
                    top: 65.0%
                    left: 77.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_door_rear_right_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 69.0%
                    left: 77.0%

                - type: image                                  
                  entity: sensor.es_xm1882_door_rear_left
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_doorrearleft_blue.png
                  state_image:
                    "False": /local/mercedes_me/topview_grey_doorrearleft_grey.png
                    "True": /local/mercedes_me/topview_grey_doorrearleft_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Türe"
                  style:
                    font-size: 1.1em
                    top: 65.0%
                    left: 23.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_door_rear_left_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 69.0%
                    left: 23.0%

                - type: image                                  
                  entity: binary_sensor.es_xm1882_decklid_status
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_trunk_grey.png
                  state_image:
                    "off": /local/mercedes_me/topview_grey_trunk_grey.png
                    "on": /local/mercedes_me/topview_grey_trunk_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Kofferraum"
                  style:
                    font-size: 1.1em
                    top: 92.0%
                    left: 50.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_decklid_status_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 96.0%
                    left: 50.0%

                - type: image
                  image: /local/mercedes_me/symbol_white_singlesymbol_cross01.png
                  tap_action:                 
                    action: call-service
                    service: homeassistant.toggle
                    service_data:
                      entity_id: input_boolean.showcards_mercedesme_doorstatus
                  style:
                    top: 04.0%
                    left: 96.0%
                    width: 02.5%

#------------------------------------------------------------------------------------------------------------------
# 8.2.6 Windows #
#---------------#

        - type: conditional
          conditions:
            - entity: input_boolean.showcards_mercedesme_windowstatus
              state: "on"
          card:
            type: custom:card-modder
            style:                
              border-radius: 15px
              background-color: 'rgba(220,220,220,0.5)'
              box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
              font-weight: bold
            card:
              type: picture-elements
              image: /local/mercedes_me/background_standard_01.png
              theme: Own - Normal Cards 01
              elements:

                - type: custom:text-element
                  text: "FENSTERSTATUS"
                  style:
                    font-size: 1.7em
                    font-weight: normal
                    top: 35px
                    left: 50.0%

                - type: image                                  
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%

                - type: image                                  
                  entity: sensor.es_xm1882_window_front_right
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_windowfrontright_blue.png
                  state_image:
                    "2": /local/mercedes_me/topview_grey_windowfrontright_grey.png
                    "1": /local/mercedes_me/topview_grey_windowfrontright_blue.png
                    "0": /local/mercedes_me/topview_grey_windowfrontright_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Fenster"
                  style:
                    font-size: 1.1em
                    top: 47.0%
                    left: 77.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_window_front_right_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 51.0%
                    left: 77.0%

                - type: image                                  
                  entity: sensor.es_xm1882_window_front_left
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_windowfrontleft_blue.png
                  state_image:
                    "2": /local/mercedes_me/topview_grey_windowfrontleft_grey.png
                    "1": /local/mercedes_me/topview_grey_windowfrontleft_blue.png
                    "0": /local/mercedes_me/topview_grey_windowfrontleft_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Fenster"
                  style:
                    font-size: 1.1em
                    top: 47.0%
                    left: 23.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_window_front_left_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 51.0%
                    left: 23.0%

                - type: image                                  
                  entity: sensor.es_xm1882_window_rear_right
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_windowrearright_blue.png
                  state_image:
                    "2": /local/mercedes_me/topview_grey_windowrearright_grey.png
                    "1": /local/mercedes_me/topview_grey_windowrearright_blue.png
                    "0": /local/mercedes_me/topview_grey_windowrearright_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Fenster"
                  style:
                    font-size: 1.1em
                    top: 65.0%
                    left: 77.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_window_rear_right_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 69.0%
                    left: 77.0%

                - type: image                                  
                  entity: sensor.es_xm1882_window_rear_left
                  tap_action:                 
                    action: none
                  image: /local/mercedes_me/topview_grey_windowrearleft_blue.png
                  state_image:
                    "2": /local/mercedes_me/topview_grey_windowrearleft_grey.png
                    "1": /local/mercedes_me/topview_grey_windowrearleft_blue.png
                    "0": /local/mercedes_me/topview_grey_windowrearleft_blue.png
                  style:
                    top: 52.0%
                    left: 50.0%
                    width: 31.0%
                - type: custom:text-element
                  text: "Fenster"
                  style:
                    font-size: 1.1em
                    top: 65.0%
                    left: 23.0%
                    text-align: left
                - type: state-label
                  entity: sensor.es_xm1882_window_rear_left_ownvalue
                  style:
                    font-size: 1.1em
                    font-weight: bold
                    top: 69.0%
                    left: 23.0%

                - type: image
                  image: /local/mercedes_me/symbol_white_singlesymbol_cross01.png
                  tap_action:                 
                    action: call-service
                    service: homeassistant.toggle
                    service_data:
                      entity_id: input_boolean.showcards_mercedesme_windowstatus
                  style:
                    top: 04.0%
                    left: 96.0%
                    width: 02.5%

#------------------------------------------------------------------------------------------------------------------
# 8.2.7 Map #
#-----------#

        # Vertical Stack
        - type: vertical-stack
          cards:

            - type: conditional
              conditions:
                - entity: input_boolean.showcards_mercedesme_map
                  state: "off"
              card:
                type: custom:card-modder
                style:                
                  #border-radius: 15px
                  border-top-left-radius: 15px
                  border-top-right-radius: 15px
                  background-color: 'rgba(220,220,220,0.5)'
                  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
                  font-weight: bold
                card:
                  type: picture-elements
                  image: /local/mercedes_me/background_positiontitle_03.png
                  theme: Own - Normal Cards 01
                  elements:

                    - type: custom:text-element
                      text: "POSITION"
                      style:
                        font-size: 1.7em
                        font-weight: normal
                        top: 35px
                        left: 50.0%

                    - type: image
                      image: /local/mercedes_me/symbol_white_singlesymbol_cross01.png
                      tap_action:                 
                        action: call-service
                        service: homeassistant.toggle
                        service_data:
                          entity_id: input_boolean.showcards_mercedesme_map
                      style:
                        top: 26.0%
                        left: 96.0%
                        width: 02.5%

            - type: conditional
              conditions:
                - entity: input_boolean.showcards_mercedesme_map
                  state: "off"
              card:
                type: custom:card-modder
                style:
                  #border-radius: 15px
                  border-bottom-left-radius: 15px
                  border-bottom-right-radius: 15px
                  background-color: 'rgba(220,220,220,0.5)'
                  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50)
                  font-weight: bold
                card:
                  type: map
                  default_zoom: 13
                  aspect_ratio: 1x0.786
                  entities:
                    - device_tracker.wdd1770871j039503
                    - device_tracker.manuel_p20

###################################################################################################################
#---------------------------#
# 8.3 compact-custom-header #
#---------------------------#
###################################################################################################################

        - type: custom:compact-custom-header
          main_config: true
          background: transparent url("/local/pics/header_13.png")
          menu: show
          notifications: overflow
          voice: overflow
          options: hide 
          chevrons: overflow
3 Likes

Huge thanks, now we just need all the .PNG-images you use :slight_smile:

Just searched a workaround for the 46 pics which are include (I could not upload a zip file). Unfortunately I didn’t found one :roll_eyes:. Someone has an idea?

Do you have dropbox or Google Drive you can share the zip file on? Or you can share it with https://sprend.com/?r=0ffi0

Is there realy no possibility with this forum. I think thats definitely a missing feature! I dont’t have one of the mentioned accounts cause i did not need them…

Use sprend.com and upload you Zip file, I will then share it on Google drive or Dropbox. Sprend is timelimited but then I can download it and share it.