OH3: Change screen size of overview page

Hello all,

I am a very new beginner of using OH3 and I am trying to setup the default overview page and for trial another page with a fixed canvas layout.
While configuring the overview page I have no possibility to change the screen size / page size of the page. But the trial page with fixed canvas layout can be configured and the screen size parameters can be set.

When I am acessing the overview page from the external screen (portrait mode), which should be used later, the page width fits to the screen size of 1080px. But the screen height is cut off round about after the upper third (I guess 720px). The page with it’s content is stored within a fixed frame, which can be scrolled. While accessing the trial fixed canvas layout page (which has already the configured screen size) via sidebar link, this page will also be displayed within the same frame, which can also be scrolled up/down.

As I read in the documentation the default screen size has the following values:

screenWidth Screen Width

Screen width in pixels (default 1280)

screenHeight Screen Height

Screen height in pixels (default 720)

I would like to have the width 1080px and the height 1920px on every page.
So far, I was not able to adjust the screen size to my preferences. Has anyone an idea?

You can find the config of the overview page below:

config:
  label: Overview
blocks:
  - component: oh-block
    config:
      title: Wohnbereich
    slots:
      default:
        - component: oh-grid-cells
          config: {}
          slots:
            default:
              - component: oh-label-cell
                config:
                  action: options
                  actionItem: CometDECTGruppeWohnbereich_ModusdesHeizkorperreglers
                  item: CometDECTGruppeWohnbereich_ModusdesHeizkorperreglers
                  title: Modus des Heizkörperreglers
                  stateAsHeader: true
                  expandable: false
                  icon: material:thermostat_auto
              - component: oh-slider-cell
                config:
                  item: CometDECTGruppeWohnbereich_Solltemperatur
                  min: 8
                  max: 30
                  label: true
                  scale: true
                  unit: °C
                  icon: material:thermostat
                  header: Temp Wohnbereich SOLL
                  subtitle: Klick Mich!
                  releaseOnly: true
                  color: orange
                  step: 0.5
              - component: oh-label-cell
                config:
                  trendItem: CometDECTGruppeWohnbereich_Solltemperatur
                  action: analyzer
                  actionAnalyzerItems:
                    - CometDECTGruppeWohnbereich_Solltemperatur
                  item: CometDECTGruppeWohnbereich_Solltemperatur
                  title: Solltemperatur
                  stateAsHeader: true
                  expandable: false
                  color: orange
        - component: oh-grid-cells
          config: {}
          slots:
            default:
              - component: oh-label-cell
                config:
                  action: analyzer
                  actionAnalyzerItems:
                    - CometDECT1Terasse_Batterieladung
                  expandable: false
                  icon: material:battery_std
                  item: CometDECT1Terasse_Batterieladung
                  stateAsHeader: true
                  title: "Comet DECT #1 Terasse"
                  trendItem: CometDECT1Terasse_Batterieladung
              - component: oh-label-cell
                config:
                  action: analyzer
                  actionAnalyzerItems:
                    - CometDECT2CouchFenster_Batterieladung
                  expandable: false
                  icon: material:battery_std
                  item: CometDECT2CouchFenster_Batterieladung
                  stateAsHeader: true
                  title: "Comet DECT #2 Couch Fenster"
                  trendItem: CometDECT2CouchFenster_Batterieladung
  - component: oh-block
    config:
      title: Schlafzimmer
    slots:
      default:
        - component: oh-grid-cells
          config: {}
          slots:
            default:
              - component: oh-label-cell
                config:
                  action: options
                  actionItem: CometDECTGruppeSchlafzimmer_ModusdesHeizkorperreglers
                  expandable: false
                  icon: material:thermostat_auto
                  item: CometDECTGruppeSchlafzimmer_ModusdesHeizkorperreglers
                  stateAsHeader: true
                  title: "Schlafzimmer: Modus"
        - component: oh-grid-cells
          config: {}
          slots:
            default:
              - component: oh-label-cell
                config:
                  action: analyzer
                  actionAnalyzerItems:
                    - CometDECT3Schlafzimmer_Batterieladung
                  expandable: false
                  item: CometDECT3Schlafzimmer_Batterieladung
                  stateAsHeader: true
                  title: "Comet DECT #3 Schlafzimmer"
                  trendItem: CometDECT3Schlafzimmer_Batterieladung
  - component: oh-block
    config:
      title: Musik
    slots:
      default:
        - component: oh-grid-cells
          config: {}
          slots:
            default:
              - component: widget:Spotify_widget_0.03
                config: {}
masonry: []
grid: null
canvas: null

I cannot help with that but you should be aware that the OH Main UI is responsive, that is it is designed to display more or less equally well on different devices with different screen sizes.
That’s now in conflict with your idea to have a fixed size screen. I don’t know for sure but it’s possibly designed to not work like you want it to.

Hello @mstormi,
thank you - yes. I am aware of it. I already tested the Main UI and it worked well, but I feel more concerned with the pages design.

Regards,
DeeZett.

I have the assumption that openhab’s pages does not support the layout of a mounted screen in portrait, not landscape.

Everything is fine.
This topic was issued, because I displayed the site within an iFrame with a webview module in MagicMirror. As I accessed the openhab page in a common Chromium Webbrowser on raspbian, everything was displayed correcrly.