Overriding --f7-popup-tablet-width on floor plan pages

Is it possible to override the popup width on floor plan pages? I have a marker whose action is to open a popup, like so:

  - component: oh-plan-marker
    config:
      coords: 1662.0449580156371,1004.6138412894518
      action: popup
      actionModal: widget:webcam_popup
      actionModalConfig:
        showAlarms: false
        streamURL: https://xxxxxxxxx/cgi-bin/mjpg/video.cgi?subtype=1
        url: BackYardCamera_MJPEGURL
      icon: oh:camera
      item: BackYardCamera_MJPEGURL
      name: Camera
      useTooltipAsLabel: false
      tooltip: Camera
    slots:
      default: []

The popup width is fixed at 630px per the f7 variable --f7-popup-tablet-width, which is in the :root pseudo-class in app.cs.

I am unable to override this variable (per the documentation on styling in pages) either by setting the variable in the page configuration:

config:
  imageUrl: xxxxxxxxxxxxxxxxxxxxxxxxxx
  imageWidth: 2832
  imageHeight: 1884
  backgroundColor: white
  label: "Security"
  sidebar: true
  style:
    --f7-popup-tablet-width: 740px

or by setting it in the marker configuration:

  - component: oh-plan-marker
    config:
      coords: 1662.0449580156371,1004.6138412894518
      action: popup
      actionModal: widget:webcam_popup
      actionModalConfig:
        showAlarms: false
        streamURL: https://xxxxxxxxx/cgi-bin/mjpg/video.cgi?subtype=1
        url: BackYardCamera_MJPEGURL
      icon: oh:camera
      item: BackYardCamera_MJPEGURL
      name: Camera
      useTooltipAsLabel: false
      tooltip: Camera
      style:
        --f7-popup-tablet-width: 740px
    slots:
      default: []

Am I going about this the wrong way? Is there some other way of setting this variable that I have overlooked?

From the lack of responses, I assume that this is not possible. :frowning:

Where’s the appropriate place to file an enhancement/feature request? Is this openhab-core or openhab-webui?

I did it this way: Put this code on the page which contains the popup link:

config:
  label: Pagetitle
  stylesheet: >
    :root {
      --f7-popup-tablet-width: 90%;
      --f7-popup-tablet-height: 1060px;
    }

...
action: popup


With this change also all other popups (settings) are also large, which is far better than the small popup default size. Don’t know, why it is this small by default.

1 Like