diff --git a/CS/DiagramBlazorApp/package-lock.json b/CS/DiagramBlazorApp/package-lock.json index e870ab0..846f300 100644 --- a/CS/DiagramBlazorApp/package-lock.json +++ b/CS/DiagramBlazorApp/package-lock.json @@ -8,7 +8,7 @@ "name": "asp.net", "version": "1.0.0", "devDependencies": { - "devexpress-diagram": "~2.2", + "devexpress-diagram": "2.2.24", "devextreme-dist": "~25.2", "jquery": "3.x" } diff --git a/Readme.md b/Readme.md index a760dac..cf45669 100644 --- a/Readme.md +++ b/Readme.md @@ -1,5 +1,4 @@ -![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/276693930/25.2.3%2B) [![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T905033) [![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183) [![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives) @@ -14,11 +13,13 @@ This example adds the [DevExtreme Diagram widget](https://js.devexpress.com/jQue ### Register DevExtreme Resources -DevExtreme widgets require the use of [DevExtreme scripts and stylesheets](https://js.devexpress.com/jQuery/Documentation/Guide/jQuery_Components/Add_DevExtreme_to_a_jQuery_Application/). You must register scripts in the following order: +DevExtreme widgets require the use of [DevExtreme scripts and stylesheets](https://js.devexpress.com/jQuery/Documentation/Guide/jQuery_Components/Add_DevExtreme_to_a_jQuery_Application/#Local_Files). We recommend that you use [npm](https://js.devexpress.com/jQuery/Documentation/Guide/Common/Distribution_Channels/#npm) to incorporate DevExtreme into the application. -1. JQuery library (`https://code.jquery.com/jquery-3.5.1.min.js>`) -2. Custom or component-specific scripts, for example, diagram (`https://cdn3.devexpress.com/jslib/25.1.3/js/dx-diagram.min.js`) -3. Base DevExtreme script (`https://cdn3.devexpress.com/jslib/25.1.3/js/dx.all.js`) +You must register scripts in the following order: + +1. JQuery library ([jquery.min.js](/CS/DiagramBlazorApp/wwwroot/js/jquery.min.js)) +2. Custom or component-specific scripts, for example, diagram ([dx-diagram.min.js](/CS/DiagramBlazorApp/wwwroot/js/dx-diagram.min.js)) +3. Base DevExtreme script ([dx.all.js](/CS/DiagramBlazorApp/wwwroot/js/dx.all.js)) The DevExpress Blazor [Resource Manager](https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxResourceManager) automatically registers JQuery and standard DevExtreme scripts if your project includes the *DevExpress.Blazor* package. To load component-specific DevExtreme resources correctly, you must: @@ -28,16 +29,17 @@ The DevExpress Blazor [Resource Manager](https://docs.devexpress.com/Blazor/DevE ```Razor - - - - @DxResourceManager.RegisterTheme(ThemesService.ActiveTheme) + + + + @DxResourceManager.RegisterTheme(Themes.Fluent) @DxResourceManager.RegisterScripts((config) => { config.Unregister(CommonResources.JQueryJS); config.Unregister(CommonResources.DevExtremeJS); }) - - + + + ```