OH3 - Pages - Overview Page does not display on new build

Setup, Configuration and Use Items & Sitemaps
,
1
  • Platform information:
    • Hardware: Raspberry Pi 4 - 8GB
    • OS: Raspbian GNU/Linux 10 (buster)
    • Java Runtime Environment: OpenJDK Runtime Environment Zulu11.48+21-CA (build 11.0.11+9-LTS)
    • openHAB version: openHAB 3.1.0 - Release Build
  • Issue of the topic: please be detailed explaining your issue

I’ve just completed a new build of openHAB on Raspberry PI OS. Configured GPIO Binding as the only binding. Configured a GPIO Thing with a few GPIO channels and corresponding switches configured as Items. I’ve brought the Items in as points under a location. That’s my config for now. No rules or scripts yet.

I’ve then gone to configure the overview page in Pages, configured it as a grid layout, and 1024x600 width and height, all other grid settings are default.

I then added a clock widget, a label widget and 7 toggle widgets to match the 7 GPIO Binding switch Items, see config code below. I’ve clicked ‘Save’. When I then browse to the OH home screen on the RasPi … ipaddress:8080 … It returns with the standard homescreen:

‘Overview Page Not Configured Yet - Edit the layout page with the ID "overview" to display important controls here.’

Does anyone have an idea on what the issue maybe? Thanks in advance.

config:
  label: Pool Controller
  layoutType: fixed
  screenWidth: 1024
  screenHeight: 600
blocks: []
masonry: null
grid:
  - component: oh-grid-item
    config:
      x: 14
      y: 0
      h: 2
      w: 2
    slots:
      default:
        - component: oh-clock-card
          config:
            showDate: true
            datePos: below
            timeFormat: HH:mm:ss
            dateFormat: ddd D-MMM
            timeFontSize: 20px
  - component: oh-grid-item
    config:
      x: 0
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            item: pipgio_PoolFilterPump
            title: Filter Pump
  - component: oh-grid-item
    config:
      x: 2
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Chlorinator
            item: pipgio_Chlorinator
  - component: oh-grid-item
    config:
      x: 4
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Spa Heater
            item: pipgio_SpaHeater
  - component: oh-grid-item
    config:
      x: 6
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Spa Blower
            item: pipgio_SpaBlower
  - component: oh-grid-item
    config:
      x: 8
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Spa Booster
            item: pipgio_SpaBoosterPump
  - component: oh-grid-item
    config:
      x: 12
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Pool Lights
            item: pipgio_PoolLights
  - component: oh-grid-item
    config:
      x: 14
      y: 3
      h: 2
      w: 2
    slots:
      default:
        - component: oh-toggle-card
          config:
            title: Spa Lights
            item: pipgio_SpaLights
  - component: oh-grid-item
    config:
      x: 0
      y: 0
      h: 1
      w: 5
    slots:
      default:
        - component: oh-label-card
          config:
            label: Pool Controller
            fontWeight: bold
2

UPDATE: instead of a base build on Raspbian, I rebuilt the SD Card from scratch - used openhabian both the latest version v1.6.5 of the openhabian build and an earlier version (as I have a working OH3 server running, albeit 3.0.2, with an overview panel) and still cannot create an Overview page.

In this latest test, I completed the the openHAB build, configured just basic settings, I did not install any add-ins. Went to settings → pages → Overview. Added one label widget:

config:
  label: Overview
  layoutType: fixed
blocks: []
masonry: null
grid:
  - component: oh-grid-item
    config:
      x: 6
      y: 0
      h: 1
      w: 4
    slots:
      default:
        - component: oh-label-card
          config:
            label: Pool Controller

Saved - The panel page continues to return:

Overview Page Not Configured Yet - Edit the layout page with the ID `"overview"` to display important controls here.

I’m at a loss - either a very basic bug has been introduced, or I am missing something very basic. Any pointer to troubleshooting this issue would be very much appreciated.

Kind regards, Dave.

3

Can you show us the content of your uicomponents_ui_page.json file?

4

Thanks Justin, I appreciate your assistance. see below:


{
  "overview": {
    "class": "org.openhab.core.ui.components.RootUIComponent",
    "value": {
      "uid": "overview",
      "timestamp": "Jul 19, 2021, 4:42:46 PM",
      "component": "oh-layout-page",
      "config": {
        "label": "Overview",
        "layoutType": "fixed"
      },
      "slots": {
        "default": [],
        "grid": [
          {
            "component": "oh-grid-item",
            "config": {
              "x": 6.0,
              "y": 0.0,
              "h": 1.0,
              "w": 4.0
            },
            "slots": {
              "default": [
                {
                  "component": "oh-label-card",
                  "config": {
                    "label": "Pool Controller"
                  }
                }
              ]
            }
          }
        ]
      }
    }
  },
  "home": {
    "class": "org.openhab.core.ui.components.RootUIComponent",
    "value": {
      "uid": "home",
      "timestamp": "Jul 19, 2021, 4:40:43 PM",
      "component": "oh-home-page",
      "config": {
        "label": "Home Page",
        "displayModelCardsTo": [
          "role:administrator",
          "role:user"
        ]
      },
      "slots": {
        "locations": [
          {
            "component": "oh-locations-tab",
            "config": {},
            "slots": {}
          }
        ],
        "equipment": [
          {
            "component": "oh-equipment-tab",
            "config": {},
            "slots": {}
          }
        ],
        "properties": [
          {
            "component": "oh-properties-tab",
            "config": {},
            "slots": {}
          }
        ]
      }
    }
  }
5

Your file appears to be in good shape. I think the main issue here is that you are trying to use the fixed grid layout on the overview page. There have, I believe been other reports that, for some reason the overview page doesn’t handle the grid (likely because the overview page does have quite a bit of its own special code under the hood). I suspect that if you configured the overview page with the more standard flexible layout you would see success.

6

Thanks Justin,

the plan is to use fixed grid as I’m creating a ‘kiosk’ mode appliance, and to revert to flexible I think I need to rebuild. I will take an image of where I’m up to and rebuild and test standard flexible layout.

I’m also seeing issues where I cannot add equipment to a location in the model. The option to add equipment to the location when editing the location is missing. Nor do locations appear in the locations tab of the overview page, yet the equipment and properties tabs are being populated with items. So there are seems to be some differences between my current installed (production) 3.0.2 instance and a new 3.1.0 instance I’m running up on a separate RPi.

Regards, Dave.

7

Confirmed that Flexible Layout works without issue. There seems to be an issue with the Fixed Layout. Anybody know where I can log an issue please?

8

An issue with the UI can be raised on the webui github page:

9

Done, thanks @JustinG . Much appreciated.