“Configuration error” in browser mod popup

Configuration Frontend
1

This is literally my first automation that requires YAML editing. In the YAML editor inside the automation, it doesn’t complain of any formatting errors.

Triggering the automation shows no problems, but on the HASS dashboard on the target app browser, I get the popup but instead of showing my video, I get “Configuation error.”

What am I doing wrong?


service:
  - action: browser_mod.popup
    data:
      title: Front Porch
      content: null
      type: picture-entity
      entity: camera.front_porch
      name: Front Porch
      timeout: 30000
      target:
        device_id: d2ab9242428350849390ec3c451f9bc8
2

Oh jeez, it doesn’t preserve formatting. And none of the icons atop the compose box offer a “code” option.

3

image

4

Nope doesn’t show.

5

Then use three tacks (```) on the line above and the line below.

6

Thanks. Fixed now.

7

This is from the HASS log, but I’m unconvinced it’s related. It did come up at the same time I manually triggered the automation though.

IPCAM: Unable to parse event from 00:0C:43:E0:1A:55: 'NoneType' object has no attribute 'SimpleItem': { 'SubscriptionReference': None, 'Topic': { '_value_1': 'tns1:RuleEngine/CellMotionDetector/Motion', 'Dialect': 'http://www.onvif.org/ver10/tev/topicExpression/ConcreteSet', '_attr_1': { } }, 'ProducerReference': None, 'Message': { '_value_1': { 'Source': { 'SimpleItem': [ { 'Name': 'VideoSourceConfigurationToken', 'Value': '1' } ], 'ElementItem': [], 'Extension': None, '_attr_1': None }, 'Key': None, 'Data': None, 'Extension': None, 'UtcTime': datetime.datetime(2026, 1, 20, 19, 59, 23), 'PropertyOperation': 'Changed', '_attr_1': { }, '_raw_elements': deque([<Element {http://www.onvif.org/ver10/schema}Source at 0x7f46ddb540>, <Element {http://www.onvif.org/ver10/schema}Source at 0x7f570ceb40>, <Element {http://www.onvif.org/ver10/schema}Data at 0x7f45a52840>]) } } }
8

Snippet from my contig

dismissable: false
size: wide
autoclose: false
timeout: 25000
title: "Deur "
content:
  square: false
  type: grid
  cards:
    - camera_view: live
      type: picture-glance
      image: https://demo.home-assistant.io/stub_config/kitchen.png
      entities:
        - entity: camera.voordeurbinnen
      title: Voordeur binnen
      camera_image: camera.voordeurbinnen
      tap_action:
        action: none
    - camera_view: live
      type: picture-glance
      image: https://demo.home-assistant.io/stub_config/kitchen.png
      entities:
        - entity: camera.voordeurbuiten
      title: Voordeur buiten
      camera_image: camera.voordeurbuiten
      tap_action:
        action: none
    - type: tile
      features:
        - type: cover-open-close
        - type: cover-position
      entity: cover.hmip
      features_position: bottom
      vertical: false
    - type: tile
      features:
        - type: lock-open-door
      entity: lock.voordeur
      features_position: bottom
      vertical: false
  columns: 2
action: browser_mod.popup
9

I don’t know enough to know how this helps me. Seems to be an entirely different kind of card with multiple entities in it and it also seems to not be an automation and not a browser mod popup.

10

How did you create the code for an automation which you posted? Where did you take that “service” word? Is it taken from internet? Or created by AI? Have you tried to compose a yaml by using an internal “Dev tools - Actions” page?

11

you are right, my snippeI was missing one line. check the correction and compare the node and structure

It should get you going with content etc

12

Not using browser mod myself; seems that the person suggests to fix indentation, right?

    data:
      title: Front Porch
      content:
        type: picture-entity
        entity: camera.front_porch
        name: Front Porch
      timeout: 30000
13

I’m unfamiliar with the “dev tools - action” process. My first YAML editing.

I pieced the code together from various examples on how to make a browser_mod popup for video.

Never, ever AI generated if I post it.

14

I changed my YAML to

data:
  title: Front Porch
  content:
    type: picture-entity
    entity: camera.front_porch
    name: Front Porch
  timeout: 30000
  target:
    device_id: d2ab9242428350849390ec3c451f9bc8

And still “configuration error” in the popup.

15

I appreciate your example, but it is so wildly different from mine I don’t know where to start.

16

Can you UNindent last 2 lines starting from “target”? (move them to left a bit, on the same level as “data”)

17

I see, go to “Deceloper tools - Actions” page, select your browser mod service, input data into fields - then switch to yaml, it will show you a valid yaml structure.
As I said, not using browser mod myself, just trying to help you with making a proper yaml service call.

18

Same result. But thanks. That’s the kind of clear instruction I really need to get this fixed!

19

This is what it shows me

action: browser_mod.popup
data:
  dismissable: true
  autoclose: false
  browser_id:
    - d2ab9242428350849390ec3c451f9bc8
  content:
    data:
      title: Front Porch
      content:
        type: picture-entity
        entity: camera.front_porch
        name: Front Porch
      timeout: 30000
      target:
        device_id: d2ab9242428350849390ec3c451f9bc8

BUT, when I try running it in the dev tools - actions, I get the “configuration error”.

20

In this code you have not unindented the “target” lines as I suggested.
Or is it the structure which was proposed in “dev tools - actions”?