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:28]
admin
vaadin:replace_login [2019/08/05 21:28] (current)
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)+  * 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 62: Line 62:
     }     }
   
 +    @Override
     protected ILogin createLogin() throws Throwable     protected ILogin createLogin() throws Throwable
     {     {
Line 107: Line 108:
         super.handleLoginError(pException);​         super.handleLoginError(pException);​
         ​         ​
-        //​important, ​becasue ​the error area will be added dynamically+        //​important, ​because ​the error area will be added dynamically
         updateUI();         updateUI();
     }     }
Line 160: 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