Customize login page

Support
#1

Hi,
I would like to customize login page. I want to add disclaimer, background image, header and so on. Would you provide example how to customize the login page ?

#2

Hi,

to extend the login screen have a look at this topic: Login screen.

An example of just adding a background image - it can be done via CSS (styles.scss):


@media screen and (max-width: 1200px) {
  div.cuba-login-main-layout {
    background: url("branding/background-small.jpg") !important;
  }
}
@media screen and (min-width: 1200px) {
  div.cuba-login-main-layout {
    background: url("branding/background-mid.jpg") !important;
  }
}

@media screen and (min-width: 1800px) {
  div.cuba-login-main-layout {
    background: url("branding/background-big.jpg") !important;
  }
}

Bye,
Mario

#3

Currently, you can extend any CUBA screen using CUBA Studio, including loginWindow. Just use new template: Extend existing screen.