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
vaadin_standard.png (101.6 KiB) Viewed 1497 times

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

vaadin_login_nature.png
vaadin_login_nature.png (425.55 KiB) Viewed 1497 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
Development@SIB
 
Posts: 310
Joined: Mon Sep 28, 2009 1:54 pm

Return to Documentation