I’m working with a Nextion Intelligent series HMI display, and I want to create a fixed status bar at the top of the screen that stays visible across all pages.
The status bar should include elements such as:

• Clock and date
• WiFi signal icon
• System indicators (loader, status icons, etc.)
• Any fixed UI elements that should always stay on the top of the display

What I want to achieve is a header bar that remains visible while navigating between pages, without having to duplicate the same components on every page manually.


I’m aware that Nextion has vscope = global for components and variables, but I’m not sure what is the correct and recommended way to implement a persistent status bar that stays on top across multiple pages.


Can someone explain the proper method to create a global/fixed status bar on a Nextion Intelligent display?
If there is any example project, tutorial, or best-practice guide, it would be very helpful.

 

Not electronics. Even if you make a paper label and glue to the top of the screen. Post in programming or else.

 

It has been a long time since I played with Nextion displays. I would have to look up the user manual.

There are two ways that I imagine doing this.
The first way is to see if the screen can do layered screens. You create the Status Bar in one screen and have it layered over the other screens.

The second method is programmatically. You create the Status Bar as an object and call it for all other screens.

Good Luck!