Use dynamic forms

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Roles/CreateModal.cshtml

@@ -7,12 +7,12 @@
 @{
     Layout = null;
 }
-<form method="post" asp-page="/Identity/Roles/CreateModal" data-ajaxForm="true">
+<abp-dynamic-form abp-model="@Model.Role" asp-page="/Identity/Roles/CreateModal">
     <abp-modal>
         <abp-modal-header title="@L["NewRole"].Value"></abp-modal-header>
         <abp-modal-body>
-            <abp-input asp-for="Role.Name" />
+            <abp-form-content />
         </abp-modal-body>
         <abp-modal-footer buttons="@(AbpModalButtons.Cancel|AbpModalButtons.Save)"></abp-modal-footer>
     </abp-modal>
-</form>
+</abp-dynamic-form>

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Roles/EditModal.cshtml

@@ -7,13 +7,12 @@
 @{
     Layout = null;
 }
-<form method="post" asp-page="/Identity/Roles/EditModal" autocomplete="off" data-ajaxForm="true">
+<abp-dynamic-form abp-model="@Model.Role" asp-page="/Identity/Roles/EditModal">
     <abp-modal>
         <abp-modal-header title="@L["Edit"].Value"></abp-modal-header>
         <abp-modal-body>
-            <input asp-for="Role.Id" />
+            <abp-form-content/>
-            <abp-input asp-for="Role.Name" />
         </abp-modal-body>
         <abp-modal-footer buttons="@(AbpModalButtons.Cancel|AbpModalButtons.Save)"></abp-modal-footer>
     </abp-modal>
-</form>
+</abp-dynamic-form>

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Users/CreateModal.cshtml

@@ -13,12 +13,13 @@
         <abp-modal-body>
             <abp-tabs name="create-user-modal-tabs">
                 <abp-tab title="@L["UserInformations"].Value">
-                    <abp-input asp-for="UserInfo.UserName"/>
+                    @* TODO: Can we use dynamic form? *@
-                    <abp-input asp-for="UserInfo.Password"/>
+                    <abp-input asp-for="UserInfo.UserName" />
-                    <abp-input asp-for="UserInfo.Email"/>
+                    <abp-input asp-for="UserInfo.Password" />
-                    <abp-input asp-for="UserInfo.PhoneNumber"/>
+                    <abp-input asp-for="UserInfo.Email" />
-                    <abp-input asp-for="UserInfo.LockoutEnabled"/>
+                    <abp-input asp-for="UserInfo.PhoneNumber" />
-                    <abp-input asp-for="UserInfo.TwoFactorEnabled"/>
+                    <abp-input asp-for="UserInfo.LockoutEnabled" />
+                    <abp-input asp-for="UserInfo.TwoFactorEnabled" />
                 </abp-tab>
                 <abp-tab title="@L["Roles"].Value">
                     @for (var i = 0; i < Model.Roles.Length; i++)

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Users/EditModal.cshtml

@@ -13,6 +13,7 @@
         <abp-modal-body>
             <abp-tabs name="create-user-modal-tabs">
                 <abp-tab title="@L["UserInformations"].Value">
+                    @* TODO: Can we use dynamic form? *@
                     <input asp-for="UserInfo.Id"/>
                     <abp-input asp-for="UserInfo.UserName"/>
                     <abp-input asp-for="UserInfo.Email"/>