Hi, I’m still playing around with some page layouts and I’m trying to get a widget to fill the whole page. However, I still get a border around it: [openhab-page-margin] See the gaps (1) and (2). The page is: config: label: PanelV2DEV layoutType: responsive style: height: 100% m…

Yes, been since 3.2, always new futures from snapshots to snapshots there are .

“Fixed layout” also has the support for this. You can provide x and y coordinates

In case you want to stick with your existing layout, add the following to the page’s config section: style: --f7-card-margin-horizontal: 0px --f7-block-padding-horizontal: 0px

Hi, Thanks Oliver. I’ve now upgraded to: openHAB 3.2.0 Build #2595 Your suggestion (below) fixes horizontal, but not vertical in my page: style: --f7-card-margin-horizontal: 0px --f7-block-padding-horizontal: 0px Adding: --f7-card-margin-vertical: 0px --f7-block-margin-verti…

[image] Richie1972: --f7-card-margin-vertical: 0px reduces the space by 16px. No idea what else can be done. In Chrome hit F12 and try to find the css style which creates the rest of the space

This is an error, if a widget has a 0 at x / y, it will be moved to the next grid value. you simply have to set x / y to 1 in code mode.

Hi, Ah, so my mistake was assuming it was starting at 0, when it starts at 1? I will look at that tonight. Thanks, Richie

Hi Oliver, I did that whilst trying to identify the problem and it seemed to be in the same div element that the other css items on this post were being added. Thanks, Richie

Hi Tallman, Ok, so adjusted some settings like so: config: label: PanelV2DEV3 sidebar: true hideNavbar: true layoutType: fixed fixedType: canvas blocks: null masonry: null grid: null canvas: - component: oh-canvas-layer config: {} slots: default: - component: oh-c…

Hi, Ok, so I’ve now got it working. I just needed to tweak the screenwidth and width values until the panel would correctly fit on my tablet screen: config: label: PanelV2DEV3 screenWidth: 1280 <== this value screenHeight: 800 scale: false sidebar: true hideNavbar: true layoutType…

openHAB Community

UI Page - Can You Remove Margin?

Add-ons UIs

Oliver2 (Oliver) April 10, 2022, 5:13pm 23

maybe this helps