Trace:
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
vaadin:replace_login [2019/08/05 12:33] admin |
vaadin:replace_login [2019/08/05 21:28] (current) admin |
||
---|---|---|---|
Line 161: | Line 161: | ||
</file> | </file> | ||
Our code adds two new buttons and adds shows an information if one of the two buttons were pressed. | Our code adds two new buttons and adds shows an information if one of the two buttons were pressed. | ||
+ | |||
+ | The stylesheet definition for the new buttons are: | ||
+ | |||
+ | <file css> | ||
+ | .loginwindow .default.v-button.isa | ||
+ | { | ||
+ | background: red; | ||
+ | border-color: darkred; | ||
+ | } | ||
+ | |||
+ | .loginwindow .default.v-button.isa.v-pressed, | ||
+ | .loginwindow .default.v-button.isa:active | ||
+ | { | ||
+ | background: red; | ||
+ | border-color: darkred; | ||
+ | } | ||
+ | |||
+ | .loginwindow .default.v-button.isa:focus | ||
+ | { | ||
+ | border-color: darkred; | ||
+ | box-shadow: 0 0 4px darkred; | ||
+ | } | ||
+ | |||
+ | .v-button.isa:focus:after | ||
+ | { | ||
+ | border-color: darkred; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .loginwindow .default.v-button.sam | ||
+ | { | ||
+ | background: green; | ||
+ | border-color: darkgreen; | ||
+ | } | ||
+ | |||
+ | .loginwindow .default.v-button.sam.v-pressed, | ||
+ | .loginwindow .default.v-button.sam:active | ||
+ | { | ||
+ | background: green; | ||
+ | border-color: dargreen; | ||
+ | } | ||
+ | |||
+ | .loginwindow .default.v-button.sam:focus | ||
+ | { | ||
+ | border-color: darkgreen; | ||
+ | box-shadow: 0 0 4px darkgreen; | ||
+ | } | ||
+ | |||
+ | .v-button.sam:focus:after | ||
+ | { | ||
+ | border-color: darkgren; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | </file> | ||
If you want to create a complete new layout for the login dialog, simply write your own code in **createLogin** method and don't call **super.createLogin()**. | If you want to create a complete new layout for the login dialog, simply write your own code in **createLogin** method and don't call **super.createLogin()**. |