Here is a partial screen shot:
Here is the card:
cards:
- type: entities
title: SpaceX Launches
show_header_toggle: false
entities:
- type: entity
name: Rocket
icon: mdi:rocket
entity: sensor.spacex_next_rocket
- type: entity
name: Mission
icon: mdi:information-outline
entity: sensor.spacex_next_mission_name
- type: entity
name: 'On'
icon: mdi:calendar
entity: sensor.spacex_next_launch
- type: entity
name: At
icon: mdi:map-marker-radius
entity: sensor.spacex_next_launch_site
- type: divider
- type: entity
name: ' '
icon: ' '
entity: sensor.spacex_next_text1
- type: entity
name: ' '
icon: ' '
entity: sensor.spacex_next_text2
- type: entity
name: ' '
icon: ' '
entity: sensor.spacex_next_text3
- type: entity
name: ' '
icon: ' '
entity: sensor.spacex_next_text4
Here are the related sensors:
spacex_next_text1:
value_template: >
{% set details = state_attr('sensor.spacex', 'details') %}
{{ details[:251] }}
entity_id: sensor.spacex
spacex_next_text2:
value_template: >
{% set details = state_attr('sensor.spacex', 'details') %}
{{ details[251:498] }}
entity_id: sensor.spacex
spacex_next_text3:
value_template: >
{% set details = state_attr('sensor.spacex', 'details') %}
{{ details[498:746] }}
spacex_next_text4:
value_template: >
{% set details = state_attr('sensor.spacex', 'details') %}
{{ details[746:994] }}
entity_id: sensor.spacex
Now… is there a secret code somewhere to do an align left on the text displayed?