Line breaks in list

[c0ntax (Martin)]

I want to create a list in a markdown card with line breaks between each value from a template sensor but can’t figure out how to do that. Currently the output is in a string with each value broken up by a comma (which I also don’t want).

Can someone please advise what I need to add to get the line breaks as well as removing the comma?

Template sensor:
{{ expand('binary_sensor.doors') | selectattr('state', 'eq', 'on') |map(attribute='name') |list }}

Markdown card:

  - type: markdown
    card_mod:
      style: |
        ha-card {
          font-size: 12px !important;
          font-weight: 400;
        }
    content: '{{ states(''sensor.list_windows_open'') }}'

Current result in markdown card:

[Troon]

- type: markdown
    card_mod:
      style: |
        ha-card {
          font-size: 12px !important;
          font-weight: 400;
        }
    content: '{{ states(''sensor.list_windows_open'')|replace(",","\n") }}'

[c0ntax (Martin)]

@Troon

content: '{{ states(''sensor.list_windows_open'')|replace(",","\n") }}'

Thanks, but I’ve added that and it removes the comma but doesn’t create a line break.

[tom_l]

What about:

content: '{{ states(''sensor.list_windows_open'')|replace(",","<br>") }}'

[c0ntax (Martin)]

Thanks Tom. That’s providing a list for me which has resolved that bit but in my markdown card it is showing encased in square brackets and quotes. Is there a way off cleaning it up so as not to show those?

*EDIT - I’ve figured out how to remove the square brackets, by adding |replace("["," ")|replace("]"," ") but when I try the same with the single quote marks it won’t accept it.

[Troon]

@c0ntax

when I try the same with the single quote marks it won’t accept it.

That’s because the markdown card content declaration is already surrounded by single quotes.

Use |replace("\x27","") instead.

[c0ntax (Martin)]

@Troon

|replace(“\x27”,“”)

Perfect, thank you.

[Troon]

If that markdown card is the only place you use that template sensor, just replace the |list at the end of the expression with |join("<br>") — then you can use the sensor state directly in the card without all of the |replaces.

[c0ntax (Martin)]

Great, thanks for your help.

[Henry_Mateo]

You can put a line break between each value in your list by using the ‘n’ character.

"list_values = “value1nvalue2nvalue3"” will make a list with three values on three different lines.

[Troon]

@Henry_Mateo

You can put a line break between each value in your list by using the ‘n’ character.

You mean \n. I tried that above, but the markdown card uses HTML and doesn’t render it with the line break.

[UKGMidnight]

Try this:

As you can see from my example the br in lesser and more than brackets displays everything properly.

[luisi.steve (TEFjLONjDON)]

Okay… So, How do you make the first result be prefixed the same way as the others…

code here:

{{ states.media_player | rejectattr('state', 'equalto', 'off') | rejectattr('state', 'equalto', 'idle') | map(attribute ='entity_id') |join("\n  - ")}}

result here:

media_player.echos
  - media_player.livingroom_alexas
  - media_player.dlna_sony_tv_kdl_40r510c
  - media_player.dlna_lg_tv_nano80upa
  - media_player.this_device
  - media_player.grand_room_fire_tv_stick
  - media_player.stephen_s_alexa_app_for_pc
  - media_player.kitchen_dot
  - media_player.livingroom_east_dot
  - media_player.livingroom_west_dot
  - media_player.stephen_s_lg_webos_2021_tv
  - media_player.bedroom_dot
  - media_player.everywhere
  - media_player.bedroom_fire_tv_stick
  - media_player.stephen_s_fire_tv
  - media_player.living_room
  - media_player.this_device_2
  - media_player.plex_plex_for_android_tv_bedroom_firestick
  - media_player.plex_plex_for_android_tv_amazonfirestick
  - media_player.plex_plex_for_lg_lg_65nano80upa
  - media_player.plex_plex_for_android_tv_at_t_tv
  - media_player.plex_plex_for_android_mobile_galaxy_s23_ultra
  - media_player.homekit_lg_tv_9903

[Troon]

@luisi.steve

How do you make the first result be prefixed the same way as the others

One way is to end with an indent filter:

{{ [...] | join('\n') | indent(width='- ',first=true) }}

That will still give you "- " if the list is empty, though. Another alternative:

{{ [...] | join('\n') | replace('media_player.','- media_player.') }}

[wfox]

@Troon

indent

Hello!
I found this forum when I was looking for an answer to a similar problem.
I need to display a list of lit lamps in a card (markdown).
With your “indent” tip, I was able to place a marker on the first lamp in the list. I would like to place this marker on all of them. Is there a way to do this by changing this instruction?

{{ expand(‘switch.grupo_luzes’) | selectattr(‘state’, ‘eq’, ‘on’) | map(attribute=‘name’) | list | replace(“[”,“”) | replace(“]”,“”) | replace(“,”,“< br>”) | indent(width='- ',first=true) }}

[Troon]

This works on each item in the list, rather than your replace method of trying to rewrite the string representation of the list:

{{ expand('switch.grupo_luzes')
   | selectattr('state', 'eq', 'on')
   | map(attribute='name')
   | map('indent', width='- ', first=true)
   | list
   | join('<br>\n') }}

[wfox]

Thank you.