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