Hide Side bar on login page only

[andyrav]

Hi
I want to only hide the left side menu on the login page.
I have added

$('[data-widget="pushmenu"]').PushMenu('collapse');

to login page> startup script

which works, but how to i reset it back to default after login?

thanks

[andyrav]

tied adding

$("body").addClass("sidebar-collapse")

to login page> startupscript
this didnt work

any idea?
i only want the sidebar closed on login

thanks

[arbei]

You better add the 'sidebar-collapse' CSS class to body tag instead.

You may search "sidebar-collapse" in this forum.

[andyrav]

Hi
Can you point me in the write direction
i can get it to be closed on the login page, but then once logged in it is still closed. i would like it open after you log in

thanks

[SOHIB]

simply you can tick no heard/footer while generating in front of login.php

[onoboa]

Hi,

I use this code in Client Scripts -> Other -> Login Page -> Client Script

$('[data-widget="pushmenu"]').PushMenu('collapse'); 
$(".main-header").remove();

to restore to default in another pages.

Client Script -> Global -> Pages with header/footer

$('[data-widget="pushmenu"]').PushMenu('expand');

PHPMaker v2021

I hope it helps you,

Omar

[andyrav]

tried adding

$('[data-widget="pushmenu"]').PushMenu('expand');

to client,starup and global
but it does not reopen the left menu bar

any ideas?
thanks

[mobhar]

You may simply put this following code in Client Scripts -> Global -> Pages with header/footer -> Startup Script:

if (ew.IS_LOGGEDIN)
	$('[data-widget="pushmenu"]').PushMenu('expand');

then make sure you have already re-generated ALL the script files, and try again.

[DGarza]

mobhar wrote:

if (ew.IS_LOGGEDIN)
 	$('[data-widget="pushmenu"]').PushMenu('expand');

There is a little problem with this, when you open de page on a mobile, the side bar always appear when you regresh de page, you need to add a condition of the screen px or something before

[thomas]

Is there any option to totally HIDE or Remove the Side Bar from the Login Page only including the 3 line Menu Icon.

[sticcino]

add:

$("body").addClass("sidebar-collapse"); // hide sidebar

to your Other -> Login Page -> Client Script

[thomas]

On the Advance Setting -> AdminLTE layout class I am using layout-navbar-fixed
and also I have put this code at Startup Script under Client Script -> Global -> Pages with header/footer

$('[data-widget="pushmenu"]').PushMenu('collapse');

In this case I would like to hide the sidebar totally only on the login page
including the 3 line menu icon on the Top Left.

sticcino wrote:

$("body").addClass("sidebar-collapse"); // hide sidebar

It does not work