Ugly white top and bottom bar removable?

Hi, had some issues with the Android app and decided to upgrade to the latest version (released Februari Google says). Big mistake, now my screen had a default empty white bar on top and bottom (for all windows/screens). Space lost and ugly because my dashboards have a dark theme.

Any way to remove them? Of revert to the old app?

Well did some experiments. It seems the app (although full screen option is on) doesn’t actually use the full screen. So Android fills the extra space with white bars. Maybe because its an old tablet with a 1280x800 screen.Something with aspect ratio?

Temporary solution is ditching the app and reverting to a chrome browser in full screen mode on my wall mounted tablet. Now my gridlayout dashboard shows as before.

Still it’s a workaround … Suggestions are welcome!

With me the same behavior and the same screen size, only that the bars are black.

Good to hear I’m not alone. Did you do something special to make them black? Or just luck?

(It seems running in chrome is not as stable as running in the app, so the workaround is not as good as I hoped)

HabPanelViewer can be used to display any URL (not just a HabPanel). It works very well for wall-mounted tablets, and you can pass commands to it using an item. Mine automatically turns on the screen whenever I’m home/awake, and turns off whenever I leave or go to sleep.

It’s not currently in development, but has been stable for a long time.

1 Like

Can you post a screenshot of this?

It’s simply our (almost) white status and navigation bar combined with the dark background of HabPanel. The Main UI has a similar problem (white vs. orange). We’d need to have status bar / navigation bar colors overridden per type of web view.
I think I once started working on that, but getting it right for all Android versions is somewhat hard.

My bars are black because I set the color scheme to black in the app.

Hi. To complete thei information. Tablet is android 10. The dashboard is not an HabPanel but a openhab 3 UI (the gridlayout setup). Before the update (and still if you use a full-screen browser/chrome) it doesn’t show the bars but only my (very) darkgray background. Picture:

app

There are more subtle changes. The default widget for the chromecast has white lines between the items. These lines are also present in the listviews. That’s also new, they didn’t show before (and still don’t when I use chrome).

Hope this helps!

Do I understand you added these in the new version? Do they have a class I can use in CSS to ‘style’ them away (visibility hidden or height 0px)?

Or … in which version of the app did you add these, maybe installing that apk is a better temporary fix.

No, we just changed the color of the top bar (orange → white). Maybe a viable workaround for you would be forcing the app into dark mode.

No. Those are parts of OS UI, not rendered in HTML.

They were not present before, so it’s not only the color that changed. I’ll try dark but my second issue is of course losing 5-10% of the height/usable area.

1 Like

They always were present. This is how Main UI looked like before the restyling:

(Mind the orange bar at the top)

@mueller-ma Or did we change the WebView background color at some point? In the screenshot above I don’t see system UI icons?!

Maybe using the gridlayout makes a difference? I’ll try to install an old version of the app

I made a few screenshots for comparison. The device isn’t in dark mode and the app theme follows the system theme. In the first screenshot fullscreen mode is disabled, in the second one enabled.

Current main:

2.23.0:

I don’t see any difference in spacing. If you don’t want to see the OS buttons and the status bar, you have to enable fullscreen mode.

Please note that some UIs (i.e. Main UI) follow the theme of the app, so there’s no white button bar when the background is dark. You can set the app theme to dark or open a feature request for theming in HABPanel.

We changed the background color of the WebView to transparent at least 4 years ago: openhab-android/mobile/src/main/java/org/openhab/habdroid/ui/activity/WebViewFragment.kt at 1fdf6566c55db563308ce346c077a0f1f36108a3 · openhab/openhab-android · GitHub
I didn’t go beyond the Kotlin rewrite in history.

Maybe an issue with android:windowLightStatusBar?

@supersjel Can you give some more information about this device?

  • OS dark mode enabled?
  • App theme?
  • Full screen mode enabled?

OS Dark mode is OFF. Brigness of screen is quite low to make it not too prominent present.
The App theme is “auto”. In my CSS styling I have chosen/overridden my own theme that shows all day.
Full screen in app is enabled. If I don’t it switches back to your example current main/fullscreen disabled. So clock/wifi strength and home/back buttons appear on top and bottom (additional to the white bars).
When in full screen pressing the fullscreen button has no effect. The white bars remain.

I’m not sure when I updated for the last time. It sure isn’t years ago. Maybe end of summer 2022.

Note … in comparison to your screenshots. The white bar appear above the openHab ‘menu bar’ (with the three bars on the left). And below the end of the screen (so above the android buttons in non full screen of at the bottom on full screen).

The display is used on a wall tablet in landscape mode. It is set to full screen and the screen is fully utilized. So I noticed the change right away. I think it’s since the last update of the app.

config:
  activeIdx: 0
  fixedType: canvas
  grid: 10
  gridEnable: false
  hideNavbar: true
  label: Tablet fix
  layoutType: fixed
  order: "1"
  screenHeight: 750
  screenWidth: 1280
  sidebar: true
  style:
    --f7-page-bg-color: "#050544"
blocks: []
masonry: null
grid: []
canvas: .......................

Installed the last 3.1.0 release. No difference. Going back in time a bit more …

@mueller-ma

Wel that was fun. Went back all the way to the 2.23.0 release (October 13 2022). That’s the last release without the extra white bars. So the bug was introduced after this one. Unfortunately a lot of beta’s after this until the next 3.0.0 release (Jan 11 2023).

Is this enough to find it … or must I try some of the beta’s too to pinpoint it a bit more in time?