Customize the Login

Information about development with Vaadin UI.

Customize the Login

Postby Development@SIB » Fri Feb 12, 2016 11:57 am

The standard login is really standard.

vaadin_standard.png (101.6 KiB) Viewed 1645 times

It's great for standard ERP systems, but custom ERP systems need a custom view:

vaadin_login_nature.png (425.55 KiB) Viewed 1645 times

To change the login view, simply use an external css file and set following styles:

Syntax: [ Download ] [ Hide ]
.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;
User avatar
Posts: 312
Joined: Mon Sep 28, 2009 1:54 pm

Return to Documentation