Collecting ideas to improve MainUI widgets - Part 1: oh-page

[egoist6]

The problem

This ticket refers to Florian's proposal to improve MainUI's widgets.
See here https://community.openhab.org/t/examples-of-dashboards/160927/30?u=oliver2

This ticket is about collecting concrete ideas what to improve as suggested by Stefan here:
https://community.openhab.org/t/examples-of-dashboards/160927/47?u=oliver2

oh-page

The following list covers properties of an oh-page (f7-page) which are somehow available by config properties or css styles, but they are not visible and easy to set as they do not appear in any config dialog box.
The idea here is to create a dialog box where you can set all relevant properties for an oh-page:

Hide navbar (top bar of the page):

config:
  hideNavbar: true
style:
  --f7-navbar-height: 0 (was required earlier - might be outdated now)

and regain remaining space of first block (shift the whole conent a little bit up to save precious space)

stylesheet: |
  .block:first-child {
      margin-top: 6px;
      margin-bottom: 0px;
    }

Configure space on left and right side of the page:

style:
  --f7-block-padding-horizontal: 8px

Configure gaps between columns, rows and cells

...

Configure number of tiles per device

relates to responsive layout when adding oh-cells. With this setting you can manage that an iPad in landscape mode shows 5 cells in a row while on your mobile phone just 2 cells in a row

- component: oh-grid-cells
  config:
    cols:
      "719": 2
      default: 5

Configure block titles:

color:
...
size:
...
font-weight:
...
alignment:
...
spacing around block titles:

stylesheet: |
  .block-title {margin-bottom: 0px;}

Background color

style:
  --f7-page-bg-color: fff

Hide sidebar icon:

config:
  hideSidebarIcon: true

Hide full screen icon:

config:
  showFullscreenIcon: false

Start page in kiosk mode

Currently you need to write a manifest file and run this page from an icon on your mobile phone's home screen.
Maye there is an easier way or at least the index file and html file could be created automatically.
Additionally NavBar, SideBar, Sidebar Icon, Full screen icon also need to be hidden.