LG (WEBOS26) Toast Embedded images - instruction

Configuration Frontend
1

Hi all, after migration to webos26 my workaround that showed the frigate (and another) images in lg system toast stopped working…

after several hours i have found another even better approach (previously i used <img src=... > html tag, now what works is:

    <span style="background-color:black;color:white;">
      <span style="display:list-item;list-style-position:inside;text-align:center;list-style-image:url('https://frigate.XXX/api/events/{{trigger.payload_json['after']['id']}}/snapshot.jpg');">
        <font>
          {{ trigger.payload_json['before']['camera'] }}, wykryto: {{ trigger.payload_json['before']['label'] }}
        </font>
      </span>
    </span>

it shows full size image in center and texto on bottom.

so action looks like:

action: notify.lg_tv
data:
  message: >
    <span style="background-color:black;color:white;">

    <span
    style="display:list-item;list-style-position:inside;text-align:center;list-style-image:url('{{
    trigger.json.motion_image }}');">

    <font>{{ trigger.payload_json['before']['camera'] }}, wykryto: {{
    trigger.payload_json['before']['label'] }}

    </font></span></span>

probably your data must be served with HTTPS so NGINX-proxy and acme ssl is required.