OH3 Widget "Back"

Add-ons UIs
1

Hello Community,

I tried to build a widget that I can use to go back or to another page, depending on what I want. unfortunately it cannot be positioned exactly. Can any of you tell me what’s wrong?

Here is the code:

uid: Return
tags: []
props:
  parameters:
    - description: Name der Seite oder "Zurück"...(<u>Vorschlag:</u> <b> Zurück </b>)
      label: Name Seite
      name: prop1
      required: true
      type: TEXT
    - description: ID der Seite (<u>Vorschlag:</u> page:page_xyz </b>)
      label: ID Seite
      name: prop2
      required: true
      type: TEXT
    - description: F7-icon wählen oder leer wenn disabled (<u>Vorschlag:</u> <b> house_fill </b>)
      label: F7 icon name
      name: icon3
      required: true
      type: TEXT
    - description: Abstand von Links in Pixel (Muss nachgestelltes "px" enthalten)
      label: Abstand von Links
      name: AbLinks
      required: true
      type: TEXT
    - description: Abstand von Oben in Pixel (Muss nachgestelltes "px" enthalten)
      label: Abstand von Oben
      name: AbOben
      required: true
      type: TEXT
      advanced: false
  parameterGroups: []
timestamp: Jan 13, 2022, 12:54:15 AM
component: f7-card
config:
  style:
    noShadow: false
    class:
      - padding
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: var(--f7-card-expandable-box-shadow)
    background-color: black
    height: 50px
    max-width: 250px
slots:
  default:
    - component: oh-button
      config:
        width: 250px
        iconF7: =props.icon3
        text: =props.prop1
        outline: true
        action: navigate
        actionPage: =props.prop2
        style:
          top: =props.AbOben
          left: =propsAbLinks
          width: 250px
          height: 50px
          padding: 15px
          color: Aqua
          border-color: Aqua