Customize the backoffice login button

[former_member720788]

Hi All,

We need to do css change and customize the link "Login with sso" as button and also the normal login button shown in the attachment sso-btn.png

Please advise on how to achieve this.

Regards,

Kowsalya

[former_member9880]

for customize just css

1. create new folder and file resources/cockpitng/cng/css/loginpage.css on your custom sso extension
2. add project.properties backoffice.cockpitng.loginpage.css=/cng/css/loginpage.css

loginpage.css

@charset "ISO-8859-1";
@IMPORT url("login.css");
/* your custom style */

for override entire login.zul

1. copy bin/modules/backoffice-framework/backoffice/web/webroot/WEB-INF/lib/backoffice-core-[version].jar/cockpitng/login.zul (my version was 19.05.37-RC1)
2. create new folder resources/cockpitng on your sso custom extension
3. paste and rename (eg, loginsso.zul) on previous created folder
4. add on project.properties backoffice.cockpitng.loginpage=/loginsso.zul

Thats it. your login page for backoffice has been customized.