{"id":18114292,"url":"https://github.com/ShaoHans/Abp.RadzenUI","last_synced_at":"2025-03-29T23:32:08.851Z","repository":{"id":257831130,"uuid":"869589763","full_name":"ShaoHans/Abp.RadzenUI","owner":"ShaoHans","description":"💡Abp RadzenUI is a UI theme built on the Abp framework and developed using the Radzen Blazor component","archived":false,"fork":false,"pushed_at":"2024-10-25T06:50:47.000Z","size":12838,"stargazers_count":22,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-25T12:39:03.446Z","etag":null,"topics":["abp","blazor","blazor-server","dotnet","radzen","radzen-blazor-components"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ShaoHans.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-08T14:48:44.000Z","updated_at":"2024-10-25T06:50:51.000Z","dependencies_parsed_at":"2024-10-25T09:16:11.539Z","dependency_job_id":null,"html_url":"https://github.com/ShaoHans/Abp.RadzenUI","commit_stats":null,"previous_names":["shaohans/abp.radzenui"],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaoHans%2FAbp.RadzenUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaoHans%2FAbp.RadzenUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaoHans%2FAbp.RadzenUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaoHans%2FAbp.RadzenUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShaoHans","download_url":"https://codeload.github.com/ShaoHans/Abp.RadzenUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222515734,"owners_count":16996249,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["abp","blazor","blazor-server","dotnet","radzen","radzen-blazor-components"],"created_at":"2024-11-01T03:00:53.223Z","updated_at":"2024-11-01T03:02:22.710Z","avatar_url":"https://github.com/ShaoHans.png","language":"HTML","funding_links":[],"categories":["Blazor"],"sub_categories":["Community"],"readme":"\u003ch1 align=\"center\"\u003eAbp RadzenUI\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nAbp RadzenUI is a UI theme built on the [Abp](https://github.com/abpframework/abp) framework and developed using the [Radzen Blazor](https://github.com/radzenhq/radzen-blazor) component.\n\n![build](https://github.com/ShaoHans/Abp.RadzenUI/actions/workflows/publish-nuget.yml/badge.svg)\n[![AbpRadzen.Blazor.Server.UI](https://img.shields.io/nuget/v/AbpRadzen.Blazor.Server.UI.svg?color=red)](https://www.nuget.org/packages/AbpRadzen.Blazor.Server.UI/)\n[![AbpRadzen.Blazor.Server.UI](https://img.shields.io/nuget/dt/AbpRadzen.Blazor.Server.UI.svg?color=yellow)](https://www.nuget.org/packages/AbpRadzen.Blazor.Server.UI/)\n[![Abp.RadzenUI](https://img.shields.io/badge/License-MIT-blue)](https://github.com/shaohans/Abp.RadzenUI/blob/master/LICENSE)\n\n\u003c/div\u003e\n\nEnglish | [简体中文](README_zh-CN.md)\n\n## ❤️Demo Site\n[http://49.65.124.146:20103/](http://49.65.124.146:20103/)\n\nUserName:  **test**\n\nPassword:  **1q2w#E***\n\n## 🎨Page display\n\n### 1.The login page\n![image](https://raw.githubusercontent.com/ShaoHans/Abp.RadzenUI/refs/heads/main/samples/CRM.Blazor.Web/wwwroot/images/login.png)\n\n### 2.The list page\n![image](https://raw.githubusercontent.com/ShaoHans/Abp.RadzenUI/refs/heads/main/samples/CRM.Blazor.Web/wwwroot/images/list.png)\n\n### 3.The other list page with datagrid filter\n![image](https://raw.githubusercontent.com/ShaoHans/Abp.RadzenUI/refs/heads/main/samples/CRM.Blazor.Web/wwwroot/images/list-with-filter.png)\n\n### 4.Theme switch\n![image](https://raw.githubusercontent.com/ShaoHans/Abp.RadzenUI/refs/heads/main/samples/CRM.Blazor.Web/wwwroot/images/switch-theme.png)\n\n## 🌱How to use\n\n### 1. Create new solution by abp cli\n```shell\nabp new CRM -u blazor-server -dbms PostgreSQL -m none --theme leptonx-lite -csf\n```\n\n### 2. Install `AbpRadzen.Blazor.Server.UI` on your `CRM.Blazor` project\n```shell\ndotnet add package AbpRadzen.Blazor.Server.UI\n```\n\n### 3. Remove the nuget packages and code associated with the leptonx-lite theme\nThis is mainly the code in the `CRMBlazorModule` class and delete files in the Pages directory\n\n### 4. Config Abp RadzenUI\nAdd the `ConfigureAbpRadzenUI` method on your `ConfigService` method\n```csharp\nprivate void ConfigureAbpRadzenUI()\n{\n    // Configure AbpRadzenUI\n    Configure\u003cAbpRadzenUIOptions\u003e(options =\u003e\n    {\n        // this is very imporant to set current web application's pages to the AbpRadzenUI module\n        options.RouterAdditionalAssemblies = [typeof(Home).Assembly];\n\n        // other settings\n        //options.TitleBar = new TitleBarSettings\n        //{\n        //    ShowLanguageMenu = false,\n        //    Title = \"CRM\"\n        //};\n        //options.LoginPage = new LoginPageSettings\n        //{\n        //    LogoPath = \"xxx/xx.png\"\n        //};\n        //options.Theme = new ThemeSettings\n        //{\n        //    Default = \"material\",\n        //    EnablePremiumTheme = true,\n        //};\n    });\n\n    // Configure AbpMultiTenancyOptions, this will affect login page that whether need to switch tenants\n    Configure\u003cAbpMultiTenancyOptions\u003e(options =\u003e\n    {\n        options.IsEnabled = MultiTenancyConsts.IsEnabled;\n    });\n\n    // Configure AbpLocalizationOptions\n    Configure\u003cAbpLocalizationOptions\u003e(options =\u003e\n    {\n        // set AbpRadzenUIResource as BaseTypes for your application's localization resources\n        var crmResource = options.Resources.Get\u003cCRMResource\u003e();\n        crmResource.AddBaseTypes(typeof(AbpRadzenUIResource));\n\n        // if you don't want to use the default language list, you can clear it and add your own languages\n        options.Languages.Clear();\n        options.Languages.Add(new LanguageInfo(\"en\", \"en\", \"English\"));\n        options.Languages.Add(new LanguageInfo(\"fr\", \"fr\", \"Français\"));\n        options.Languages.Add(new LanguageInfo(\"zh-Hans\", \"zh-Hans\", \"简体中文\"));\n    });\n\n    // Configure your web application's navigation menu\n    Configure\u003cAbpNavigationOptions\u003e(options =\u003e\n    {\n        options.MenuContributors.Add(new CRMMenuContributor());\n    });\n}\n```\n\nthen add the following code on your `OnApplicationInitialization` method\n```csharp\napp.UseRadzenUI();\n```\n\nyuo can refer to the sample code [CRMBlazorWebModule](https://github.com/ShaoHans/Abp.RadzenUI/blob/main/samples/CRM.Blazor.Web/CRMBlazorWebModule.cs)\n\n### 5. Config Menu\nWhen you add razor page and need config menu , you should edit the [CRMMenuContributor](https://github.com/ShaoHans/Abp.RadzenUI/blob/main/samples/CRM.Blazor.Web/Menus/CRMMenuContributor.cs) class \n\n### 6. Don't forget migrate your database when you first run the app\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShaoHans%2FAbp.RadzenUI","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FShaoHans%2FAbp.RadzenUI","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShaoHans%2FAbp.RadzenUI/lists"}