Documentation

Trace:

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
vaadin:replace_login [2019/08/05 12:32]
admin
vaadin:replace_login [2019/08/05 21:28]
admin
Line 41: Line 41:
 </​file>​ </​file>​
  
-Finally, let us create the source files:+Finally, let us create the source files (in //​src.server//​ folder):
   * com.sibvisions.apps.customlogin.**MyCustomApplication** (only for standard layout mode, but also works in corporation mode)   * com.sibvisions.apps.customlogin.**MyCustomApplication** (only for standard layout mode, but also works in corporation mode)
   * com.sibvisions.apps.customlogin.**MyCustomLogin**   * com.sibvisions.apps.customlogin.**MyCustomLogin**
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()**.
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information