settings page

7 years ago · d88d63a4e4
1 changed files with 8 additions and 4 deletions
--- a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml
+++ b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml
@ -6,10 +6,14 @@
        <abp-script src="/Pages/SettingManagement/Index.js" />
    </abp-script-bundle>
 }
+<abp-tabs tab-style="PillVertical"  vertical-header-size="_2">
+
@foreach (var group in Model.SettingPageCreationContext.Groups)
 {
-    <h2 id="@group.Id">@group.DisplayName</h2>
-    <div>
+    <abp-tab title="@group.DisplayName">
+        
+        <h2>@group.DisplayName</h2>
        @await Component.InvokeAsync(group.ComponentType)
-    </div>
-}
+    </abp-tab>
+}
+</abp-tabs>