Panel dont show the uploaded images

Another question to the Panel.
We build a Project Page with the help of “portfolio” blueprint example.

the output in the frontend is correct, but the selected/uploaded image is not shown in the Panel (see screenshot). what do we have to do?

the blueprint for the image:

  intro-image:
    type: files
    width: 1/2
    label: Image
    headline: Image
    layout: cards
    image:
      query: page.intro-image.toFile()
      cover: true
      ratio: 4/3
    info: "{{ file.dimensions }}"
    template: intro-image

You cannot use dashes in field names (or any other keys in yaml files), use either camelCase (introImage) or underscores (intro_image) or nothing (introimage).

1 Like

awesome! thank you!