Trace:
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
vaadin:customize_login [2018/02/06 12:11] admin created |
vaadin:customize_login [2020/08/05 12:46] (current) cduncan Edited for English grammar (capitalization, punctuation, correct verb conjugation) |
||
---|---|---|---|
Line 1: | Line 1: | ||
~~NOTRANS~~ | ~~NOTRANS~~ | ||
- | ~~Title: Customize the Login dialog~~ | + | ~~Title: Customize the Login Dialog~~ |
- | The standard login dialog looks like this one: | + | The standard login dialog looks like this: |
{{:vaadin:vaadin_login.png?nolink|}} | {{:vaadin:vaadin_login.png?nolink|}} | ||
- | It's not super fancy but solves the login problem. If you need a styled login dialog simply create your own or extend the existing class. In order to use a custom login dialog, you have to use the corporation style. It's not possible to use a custom login dialog with standard application style. | + | It's not super fancy but solves the login problem. If you need a styled login dialog, simply create your own or extend the existing class. In order to use a custom login dialog, you have to use the corporation style. It's not possible to use a custom login dialog with standard application style. |
<file java CustomLogin.java> | <file java CustomLogin.java> | ||
public class CustomLogin extends WebLogin | public class CustomLogin extends WebLogin | ||
{ | { | ||
- | private UIIcon icoLogo; | + | private UIIcon icoLogo; |
| | ||
@Override | @Override | ||
- | protected void createLogin() | + | protected void createLogin() |
- | { | + | { |
- | super.createLogin(); | + | super.createLogin(); |
| | ||
Label lblTitle = getTitleLabel(); | Label lblTitle = getTitleLabel(); | ||
Line 30: | Line 30: | ||
Component logo = (Component)icoLogo.getResource(); | Component logo = (Component)icoLogo.getResource(); | ||
- | layout.addComponent(logo); | + | layout.addComponent(logo); |
- | layout.setComponentAlignment(logo, Alignment.MIDDLE_LEFT); | + | layout.setComponentAlignment(logo, Alignment.MIDDLE_LEFT); |
- | } | + | } |
} | } | ||
</file> | </file> |