|
1 | 1 | <form class="create-account-form" (submit)="onSubmit($event)"> |
2 | 2 | <dx-form [formData]="formData" [disabled]="loading"> |
3 | 3 |
|
4 | | - <dxi-item dataField="email" editorType="dxTextBox" |
| 4 | + <dxi-form-item dataField="email" editorType="dxTextBox" |
5 | 5 | [editorOptions]="{ stylingMode: 'filled', placeholder: 'Email', mode: 'email' }"> |
6 | 6 | <dxi-validation-rule type="required" message="Email is required"></dxi-validation-rule> |
7 | 7 | <dxi-validation-rule type="email" message="Email is invalid"></dxi-validation-rule> |
8 | 8 | <dxo-label [visible]="false"></dxo-label> |
9 | | - </dxi-item> |
| 9 | + </dxi-form-item> |
10 | 10 |
|
11 | | - <dxi-item dataField="password" editorType="dxTextBox" |
| 11 | + <dxi-form-item dataField="password" editorType="dxTextBox" |
12 | 12 | [editorOptions]="{ stylingMode: 'filled', placeholder: 'Password', mode: 'password' }"> |
13 | 13 | <dxi-validation-rule type="required" message="Password is required"></dxi-validation-rule> |
14 | 14 | <dxo-label [visible]="false"></dxo-label> |
15 | | - </dxi-item> |
| 15 | + </dxi-form-item> |
16 | 16 |
|
17 | | - <dxi-item dataField="confirmedPassword" editorType="dxTextBox" |
| 17 | + <dxi-form-item dataField="confirmedPassword" editorType="dxTextBox" |
18 | 18 | [editorOptions]="{ stylingMode: 'filled', placeholder: 'Confirm Password', mode: 'password' }"> |
19 | 19 | <dxi-validation-rule type="required" message="Password is required"></dxi-validation-rule> |
20 | 20 | <dxi-validation-rule type="custom" message="Passwords do not match" [validationCallback]="confirmPassword"> |
21 | 21 | </dxi-validation-rule> |
22 | 22 | <dxo-label [visible]="false"></dxo-label> |
23 | | - </dxi-item> |
| 23 | + </dxi-form-item> |
24 | 24 |
|
25 | | - <dxi-item> |
| 25 | + <dxi-form-item> |
26 | 26 | <div class='policy-info'> |
27 | 27 | By creating an account, you agree to the <a routerLink="#">Terms of Service</a> and <a routerLink="#">Privacy |
28 | 28 | Policy</a> |
29 | 29 | </div> |
30 | | - </dxi-item> |
| 30 | + </dxi-form-item> |
31 | 31 |
|
32 | | - <dxi-item itemType="button"> |
| 32 | + <dxi-form-item itemType="button"> |
33 | 33 | <dxo-button-options width="100%" type="default" [useSubmitBehavior]="true" [template]="'createAccountTemplate'"> |
34 | 34 | </dxo-button-options> |
35 | | - </dxi-item> |
| 35 | + </dxi-form-item> |
36 | 36 |
|
37 | 37 | <ng-container *dxTemplate="let item of 'createAccountTemplate'"> |
38 | 38 | <div> |
|
0 commit comments