Jump to content

Custom login screen fixed


Go to solution Solved by Happy2Play,

Recommended Posts

Happy2Play
Posted

como vc excluiu o botao esqueci senha e deixou apenas escrito


/*Hide Forgot Password button*/

#loginPage button.btnForgotPassword {display: none;}

/*Hide Remember Me box*/

#loginPage label.checkboxContainer {display: none;}

  • 8 months later...
pir8radio
Posted

/*Hide Forgot Password button*/

#loginPage button.btnForgotPassword {display: none;}

/*Hide Remember Me box*/

#loginPage label.checkboxContainer {display: none;}

 

 

I take it this doesnt work any more?  Trying to hide forgot password button.   Tried a few ways, doesnt seem to like it.

  • 5 weeks later...
Posted
/*Shrink Login Form*/	
#loginPage .readOnlyContent, #loginPage form {
    max-width: 27em; }

Hi,

Can you help update this CSS code?

It's not working anymore.

This is the one mentioned in post number 3.

Thanks

Happy2Play
Posted

Hi,

Can you help update this CSS code?

It's not working anymore.

This is the one mentioned in post number 3.

Thanks

Without page ids, all I see is something like this.

/*Shrink Manual Login Form*/
body > div.mainAnimatedPages.skinBody > div > div > form {
    max-width: 27em; }
Happy2Play
Posted

Or apply directly to the manuallogin.html also.

Posted

 

Without page ids, all I see is something like this.

/*Shrink Manual Login Form*/
body > div.mainAnimatedPages.skinBody > div > div > form {
    max-width: 27em; }

 

Not working

Posted

Or apply directly to the manuallogin.html also.

Can you show how the line would look in the html file?

Happy2Play
Posted

Not working

 

I don't know then as it works fine on my local system.

 

without

5e37561083b8c_without.jpg

 

with

5e3756279144c_with.jpg

 

 

 

 

Can you show how the line would look in the html file?

Add it here

5e37573fb90e2_manual.jpg

  • Like 1
Posted

Hi,
The login screen, the width is already correct, just like your number 2 image.
The point is that, with this change, the internal screen is also the same width and I would like only the login screen to undergo such change, as you managed to do in post number 3.

Happy2Play
Posted

Hi,

The login screen, the width is already correct, just like your number 2 image.

The point is that, with this change, the internal screen is also the same width and I would like only the login screen to undergo such change, as you managed to do in post number 3.

I don't get this behavior (unless it only applies to a area I haven't looked at), so you have to remove the css, and edit the manuallogin.html.  Or add page id and target that id with css.

Posted

The only way I have been able to successfully target the login page without any style changes effecting other aspects of the web app has been with JavaScript.

 

Waiting for txtUserName to make an appearance, then targeting element.closest('.view');

Posted

The only way I have been able to successfully target the login page without any style changes effecting other aspects of the web app has been with JavaScript.

 

Waiting for txtUserName to make an appearance, then targeting element.closest('.view');

 

You are the best. Solved with your precious tips. Thank you.

  • 4 weeks later...
Moisés Oliveira
Posted

como vc deixou na sua tela de login o esqueci minha senha daquele jeito. grato

 

Now, a fully customized login screen.

Thanks to everyone who provided the CSS codes.

 

 

5be5f4030527e_Capturar.jpg

pode me ajuda eu nao consigo mudar tela de login

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...