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

223
1
03-05-2024 06:15 AM
Labels (2)
MichaelLev
Occasional Contributor III

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?

0 Kudos
1 Reply
MichaelLev
Occasional Contributor III

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  

0 Kudos