Documentation

Trace:

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

vaadin:login_background [2018/02/06 13:14] (current)
admin created
Line 1: Line 1:
 +~~NOTRANS~~
 +~~Title: Customize the Login background~~
  
 +The standard login is really standard. ​
 +
 +{{:​vaadin:​vaadin_standard.png?​nolink|}}
 +
 +It's great for standard ERP systems, but custom ERP systems need a custom view:
 +
 +{{:​vaadin:​vaadin_login_nature.png?​nolink|}}
 +
 +To change the login view, simply use an [[vaadin:​external_css|external css]] file and set following styles:
 +
 +<file css>
 +.jvx #​glasspane-login ​
 +{
 +    background-image:​ url("​images/​login_background.jpg"​);​
 +    background-size:​ cover;
 +}
 +
 +.jvx .loginwindow .v-window-contents
 +{
 +    background: transparent;​
 +}
 +
 +.jvx .loginwindow
 +{
 +    opacity: 0.75;
 +    background: #efefef;
 +}
 +</​file>​
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information