Skip to content

update Readme #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
elenapeskova merged 2 commits into from
Feb 24, 2026
Merged

update Readme #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9167089
update Readme
elenapeskova Feb 24, 2026
dea112f
README auto update [skip ci]
DevExpressExampleBot Feb 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion CS/DiagramBlazorApp/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

24 changes: 13 additions & 11 deletions Readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
<!-- default badges list -->
![](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)
Expand All @@ -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:

Expand All @@ -28,16 +29,17 @@ The DevExpress Blazor [Resource Manager](https://docs.devexpress.com/Blazor/DevE
```Razor
<head>
<!--...-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn3.devexpress.com/jslib/25.1.3/js/dx-diagram.min.js"></script>
<script type="text/javascript" src="https://cdn3.devexpress.com/jslib/25.1.3/js/dx.all.js"></script>
@DxResourceManager.RegisterTheme(ThemesService.ActiveTheme)
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/dx-diagram.min.js"></script>
<script type="text/javascript" src="/js/dx.all.js"></script>
@DxResourceManager.RegisterTheme(Themes.Fluent)
@DxResourceManager.RegisterScripts((config) => {
config.Unregister(CommonResources.JQueryJS);
config.Unregister(CommonResources.DevExtremeJS);
})
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.1.3/css/dx-diagram.min.css">
<link href=@AppendVersion("https://cdn3.devexpress.com/jslib/25.1.3/css/dx.fluent.blue.light.css") rel="stylesheet" />
<link href=@AppendVersion("css/site.css") rel="stylesheet" />
<link href=@AppendVersion("css/dx.fluent.blue.light.css") rel="stylesheet" />
<link href=@AppendVersion("css/dx-diagram.min.css") rel="stylesheet" />
<!--...-->
</head>
```
Expand Down