x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: using SSO login form again


HTML
<style>
@media only screen and (max-width: 580px){
	.description-container{
		width: 100%#rw_dashboard_link{
	display: none!important;
	}
	.field-group input{
		padding: 0 10px!important;
	}

}


.description-container #link-container {
    display: none !important;
}

</style></style>


HTML
<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/stylesheets/MS+SBA/login.css">

<script>

window.addEventListener("load", function(){
	//$('.login-form-container').append(`<p>Forgot your password? Reset it <a href="mailto:morganstanley@theonevalley.com?subject=Reset Password Request&body=Please reset my password.">here</a>.</p>`);
	$('.login#login-formissue-containerbtns').append(`<p>Forgot your password? Reset it <a href="/display/MSA/Forgot+Password">here</a>.</p>`);

	$('.login-form-container').append(`<p><a`<p class="login-issue-btn"><a href="/display/SBAAN/Sign+Up">Don't have an account? Sign up here.</a></p>`);
});

</script>
HTML
<style>
div.bigImageContainer {
    /* width: 50%; */
	height: 100%;
    background-image: url('https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/msLogin.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
}

div.signContainer {
    width: 90vw;
    height: 90%;
    margin: 60px auto;
}

.rw_content {
    background: var(--main-background);
}


div.formContainer {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
	/* width: 50%; */
}

.link-container-button.left {
    display: none;
}

div.link-container-button {
    width: 100%;
}

input#loginButton:hover {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
div.formContainer {
    box-shadow: none;
    width: 100%;
}

div.bigImageContainer {
    display: none;
}

div.signContainer {
    margin: 0 auto;
}

form.login-form-container[name='loginform'] {
    width: 100%;
    padding: 14px 0;
    margin: auto;
}

div.field-group {
    width: 100%;
    margin-top: 10px;
}

.field-group.login-field-group {
    margin-top: 20px;
}
}
   $('#login-issue-btns').append(`<p class="login-issue-btn"><a href="/display/SBAAN/SBA+Forgot+Password">Forgot Password?</a></p>`);
});

</script>  

<style>

#loginform > fieldset > div {
    padding: 0;
  }

</style>


Custom section
ClasssignContainer


Custom section
ClassformContainer

login-form-genericsso-newsba
LOG IN
SignUpLink/display/SBAAN/Sign+Up
Destination/display/SBAH
EndpointUrl/rest/scriptrunner/latest/custom/logInMorganStanleyloginMSSBA
ForgotPassword/display/MSASBAAN/Forgot+Password
WelcomeMessageWelcome to the Morgan Stanley Small Business Academy

HTML
<div id="login-issue-btns"> </div>



.
Custom section
ClassbigImageContainer


HTML
<div class="learn-more-section">
    <p>Our focus is helping small businesses leverage their competitive advantage, differentiate themselves in the procurement process, strengthen their business knowledge, and build their professional network.</p>
    <a href="https://www.morganstanley.com/about-us/supplier-diversity/small-business-academy" style="font-weight:bold;">LEARN MORE</a>
</div>




HTML
<script>
$("input#loginButton").val("LOG IN");
</script>
<style>

div#custom-footer {
    display: none;
}
.main-container {
    min-height: calc(100vh - 50px);
    background-repeat: no-repeat;
    background-size: cover;
}

div#toggle {
    display: none;
}
</style>
HTML
<style>
/* new stuff */
span.conf-macro.output-inline {
    width: 100%;
}
</style>