Seite 1 von 1

Sheet Popup vergrößern

Verfasst: 22. Aug 2024 01:09
von lenschith
Hallo zusammen,

ich versuche gerade ein Widget zu erstellen, scheitere daran das ich gerne das Sheet Popup verwenden möchte aber leider kann ich dort nicht alle meine Einträge sehen. Auf dem Mobiltelefon sehe ich nur 3 Auswahlmöglichkeiten und am PC 4 obwohl es mehr sein sollten.
Leider habe ich im Netz nicht gefunden ob man hier etwas konfigurieren kann.

So rufe ich in einem Widget das andere auf

Code: Alles auswählen

                    no-chevron: true
                    item: =props.auswahl4
                    action: sheet
                    actionModal: widget:Erinnerungskalender_Auswahl
                    actionModalConfig:
                      item: =props.auswahl4
                      termin: =props.auswahl4
                      termininput: =props.termindatum4
                      title: ="Auswahl " + items[props.termintitel4].state
Das Widget das im Sheet geöffnet werden sollte ist eine oh-list-card

Code: Alles auswählen

component: oh-list-card
config:
  title: =props.title
slots:
  default:
    - component: oh-list-item
      config:
        no-chevron: true
        title: rausgestellt
        action: command
        actionItem: =props.item
        actionCommand: rausgestellt
        icon: "=items[props.item].state === 'rausgestellt' ? 'f7:circle_fill' :
          'f7:circle'"
        iconColor: "=items[props.item].state === 'rausgestellt' ? 'green' : 'gray'"
    - component: oh-list-item
      config:
        no-chevron: true
        title: entfällt
        action: command
        actionItem: =props.item
        actionCommand: entfällt
        icon: "=items[props.item].state === 'entfällt' ? 'f7:circle_fill' : 'f7:circle'"
        iconColor: "=items[props.item].state === 'entfällt' ? 'purple' : 'gray'"
    - component: oh-list-item
      config:
        no-chevron: true
        title: erledigt
        action: command
        actionItem: =props.item
        actionCommand: erledigt
        icon: "=items[props.item].state === 'erledigt' ? 'f7:circle_fill' : 'f7:circle'"
        iconColor: "=items[props.item].state === 'erledigt' ? 'lightblue' : 'gray'"
    - component: oh-list-item
      config:
        no-chevron: true
        title: auto
        action: command
        actionItem: =props.termin
        actionCommand: =items[props.termininput].displayState
        icon: "=items[props.item].state === items[props.termininput].displayState ?
          'f7:circle_fill' : 'f7:circle'"
        iconColor: "=items[props.item].state === items[props.termininput].displayState ?
          'gray' : 'gray'"
Wenn ich es als Popup verwende dann sehe ich alle Einträge, würde aber gerne dennoch das Sheet verwenden.

Vielleicht hat ja jemand einen Tipp.
Gruß Lentsch

Re: Sheet Popup vergrößern

Verfasst: 22. Aug 2024 10:07
von lenschith
man muss einfach mal drüber schlafen.

Code: Alles auswählen

component: f7-card
config:
  style:
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
    height: auto
  title: '=(props.title) ? props.title : "Auswhalmenü"'
slots:
  default:
    - component: oh-list
      config: {}
      slots:
        default:
          - component: oh-list-item
habe die list in eine f7-card gepackt. dann schaut das schön aus