Close header "if" certain screen (in reactive web development)

Hello!


I'm having some trouble managing screens.

I would like to open certain screens without opening the header.

How can i do this? = Easy way

Hi Rui,

There is many ways you can do it.

1.just add link on the screen and nevigate to other screen.

2.On the button/Icon click you can show hide link and based on this link nevigate to other screen


Regards

Rahul Sahu

Hi Rui,

Can you please give us more details?

By header you mean the top bar with the logo and the user picture?

Thanks,
José Pedro Proença

José Pedro Proença wrote:

Hi Rui,

Can you please give us more details?

By header you mean the top bar with the logo and the user picture?

Thanks,
José Pedro Proença

When pressing a button or link, i would like to hide this header (top bar), because if i delete it, it deletes in all the screens.

 

For that I would definitely suggest creating a new Layout without that banner and use it on those screens.


But since you want a quick fix you can use this quick Javascript line:

var header = document.getElementsByClassName('header')[0];

if(header){

    header.classList.add('hidden');

}

You can put it on the OnReady event of the screens that you wish to have the header hidden.

Let me know if this helps.

José Pedro Proença wrote:

For that I would definitely suggest creating a new Layout without that banner and use it on those screens.


But since you want a quick fix you can use this quick Javascript line:

var header = document.getElementsByClassName('header')[0];

if(header){

    header.classList.add('hidden');

}

You can put it on the OnReady event of the screens that you wish to have the header hidden.

Let me know if this helps.

I believe i am not doing this right with the second option.

Solution

Rui Bernardes wrote:

José Pedro Proença wrote:

For that I would definitely suggest creating a new Layout without that banner and use it on those screens.


But since you want a quick fix you can use this quick Javascript line:

var header = document.getElementsByClassName('header')[0];

if(header){

    header.classList.add('hidden');

}

You can put it on the OnReady event of the screens that you wish to have the header hidden.

Let me know if this helps.

I believe i am not doing this right with the second option.

On the screen you want to have the header hidden create a OnReady event:

Then, on that client action add the JavaScript like this:


Solution

OH yeahhHHH!!!!!! tHANKS!!!! huhU!!