Login

Definierad i Dynamix.Content5.Controls

Denna kontroll ritar ut inmatningsrutor för användarnamn och lösenord. Utvecklaren kan använda händelserna Verify, VerifySuccess och VerifyFailure för att haka på egen hantering.

I grundutförande ritar kontrollen ut markup enligt:

  1. <div class="dxLogin">
  2. <div class="dxWrapper dxLoginUserNameAndLabelWrapper">
  3. <label for="..." id="..." class="dxLabel dxLoginUserNameLabel">Användarnamn:</label>
  4. <input name="..." type="text" id="..." class="dxTextBox dxLoginTextBox dxLoginUserNameTextBox" />
  5. </div>
  6. <div class="dxWrapper dxLoginPasswordAndLabelWrapper">
  7. <label for="..." id="..." class="dxLabel dxLoginPasswordLabel">Lösenord:</label>
  8. <input name="..." type="password" id="..." class="dxTextBox dxLoginTextBox dxLoginPasswordTextBox" />
  9. </div>
  10. <div class="dxWrapper dxLoginSubmitWrapper">
  11. <input type="submit" name="..." value="Logga in" id="..." class="dxButton dxLoginSubmitButton" />
  12. </div>
  13. [Error messages]
  14. </div>

Kontrollen inkluderar css:erna Base och Login vilket ger ett grundutseende enligt:

Varje del av innehållet är tillgänligt via egenskaper som t ex UserNameAndLabelWrapper, PasswordLabel och SubmitButton. Kontrollerna kapslar varandra enligt strukturen ovan vilket medför att man t ex kan lägga in fler kontroller i efterhand om det är önskvärt.

Felmeddelanden

Avsnittet [Error messages] i markupen ovan motsvarar kontrollen/egenskapen ErrorMessages. Denna är normalt inte synlig. Om verifieringen misslyckas kommer kontrollen som standard att sätta ErrorMessages.Visible = true, tömma dess underkontroller och lägga till en ErrorMessage-kontroll. Som standard blir utseendet enligt: