LOGO Flow için farklı login ekranı tasarımı nasıl yapılır
Bazı projelerde Logo Flow giriş ekranında değişiklik yapma ihtiyacı hissede bilirsiniz.
Aşağıdaki Örnekte;
- Firma Logosu Eklendi
- Arka Plan Görseli Eklendi.
- Kullanıcı Adı ve Şifre Üst Kısma Alındı
- Sabit olan LOGO IDP Login Tipi Gizlendi
Firma Logosunu Eklemek İçin
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Css\images\logo.pngdosyasını değiştirmeniz gerekmektedir.
Arka Plan Görseli Eklemek İçin
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Css\images\KeremKUSLoginBG.jpgdosyası oluşturuldu.
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Css\material\login.css
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Css\material\login.min.css
dosyalarını Notepad++ ile açınız.
Bu iki dosyada .login {background-color: #364150!important;} yer alan kısmı aşağıdaki şekilde değiştiriniz.
.login {
background: url(https://alanadiniz/v1_0/NAF.Services.Sts/Css/images/KeremKUSLoginBG.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}Kullanıcı Adı ve Şifre Üst Kısma Almak İçin
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Views\Account\LoginCredentialPartial.cshtmldosyalarını Notepad++ ile açınız. div id="loginCredentialContainer" bloguna konumlanınız.
Aşağıdaki gibi UserName & Password form-group larını div style="clear:both;" altına taşıyınız.
Sabit olan LOGO IDP Login Tipini Gizlemek İçin
C:\inetpub\wwwroot\Logo Services\v1_0\NAF.Services.Sts\Views\Account\LoginCredentialPartial.cshtmldosyalarını Notepad++ ile açınız. idpProviderSelect alanına konumlanınız ve hemen üzerinde yer alan div class'ının style kısmını display: none yaparak gizleyiniz.
