how to hide/unhide multipage app header line (at screen top)

MichaelLev — Tue, 05 Mar 2024 14:15:23 GMT

I made EXB multipage app with header and menu of the various tabs at the top,
and I need that when the app loads, it will not display the header (hide it? or just not display it?).
I attach screenshot of current left-top corner of my app

In chrome debugger I saw that if I set "display:none" for class "header", it will hide it, but I need to do it from within the web app.

- I assume this should be controlled in "componentDidMount" somewhere.
- I assume that client\dist\widgets\common\menu is the relevant widget
that I need to copy into my custom widgets folder and change it accordingly.

- I saw that inside this widget there is a component drawer-menu.tsx
which has inside it className='header' which is actually the element I want to "hide".

I need help:
1. how to automatically not display the header when the app loads.
(Later I'll need a code in another widget to control if the header is displayed or not. )
2. Could the virtual dom be searched to change display attribute of some class, or is this not the way to do it?

Re: how to hide/unhide multipage app header line (at screen top)

MichaelLev — Mon, 11 Mar 2024 14:59:18 GMT

I know that in EXB develipmaent, for any page I can set its header attribute to "off", but I want to know how do I set it to "off" or "on" by code

topic how to hide/unhide multipage app header line (at screen top) in Experience Builder Custom Widgets

how to hide/unhide multipage app header line (at screen top)

Re: how to hide/unhide multipage app header line (at screen top)