An Abp Blazor Theme based Ant-Design-Blazor
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
liangshiwei f07265039d
Merge pull request #44 from realLiangshiwei/liangshiwei/prolayout
2 weeks ago
img Refactor and add advanced theme settings 2 weeks ago
modules Refactor and add advanced theme settings 2 weeks ago
nuget Migrate from AutoMapper to Mapperly across solution 4 months ago
samples Refactor and add advanced theme settings 2 weeks ago
src/Lsw.Abp.AntDesignUI Refactor and add advanced theme settings 2 weeks ago
.gitattributes Initial commit 4 years ago
.gitignore Add new webapp example 10 months ago
Directory.Packages.props Refactor and add advanced theme settings 2 weeks ago
LICENSE Initial commit 4 years ago
README.BlazorServer.md Refactor and add advanced theme settings 2 weeks ago
README.BlazorWebAssembly.md Refactor and add advanced theme settings 2 weeks ago
README.WebApp.md Refactor and add advanced theme settings 2 weeks ago
README.md Refactor and add advanced theme settings 2 weeks ago
common.props Migrate from AutoMapper to Mapperly across solution 4 months ago
configureawait.props Manage Package Versions Centrally applyed and ABP 8.3.0 upgraded, packs version setting to 0.9.6 2 years ago
delete-bin-obj-folders.bat Manage Package Versions Centrally applyed and ABP 8.3.0 upgraded, packs version setting to 0.9.6 2 years ago
icon.png Release .0.5.0 4 years ago
lsw.Abp.AntDesignUI.sln Refactor and add advanced theme settings 2 weeks ago
lsw.Abp.AntDesignUI.slnLaunch Abp 9.0.0, AntDesign 1.0.1 and some required packs upgraded 1 year ago

README.md

Lsw.Abp.AntDesignUI

ABP Blazor UI theme and module set based on Ant Design Blazor.

NuGet NuGet

Features

Lsw.Abp.AntDesignUI provides an Ant Design Pro-style application shell for ABP Blazor applications.

  • Refactored application layout with side and top navigation.
  • Responsive sidebar behavior for desktop and mobile screens.
  • Light, menu-dark, and real-dark visual styles.
  • Runtime controls for content width, fixed header, fixed sidebar, split menus, and page regions.
  • Floating theme settings panel for authenticated users.
  • Admin-managed theme setting availability through ABP Setting Management.
  • AntDesign UI implementations for common ABP management modules.

Theme Settings

Authenticated users can open the settings panel from the right side of the application and change the layout without restarting the app.

The panel includes:

  • Page style selection.
  • Navigation mode selection.
  • Content width and fixed layout switches.
  • Header, footer, menu, and menu header visibility.
  • Weak color mode.

Administrators can choose which groups are visible from Administration -> Settings -> Theme settings management.

Screenshots

AntDesign theme home page

Advanced theme settings panel

Samples

Sample login:

  • Username: admin
  • Password: 1q2w3E*

Usage Guides