Skip to content

Commit a2c8ee6

Browse files
update Readme (#3)
* update Readme * README auto update [skip ci] --------- Co-authored-by: DevExpressExampleBot <scmaintenance@devexpress.com>
1 parent a61a1b1 commit a2c8ee6

2 files changed

Lines changed: 14 additions & 12 deletions

File tree

CS/DiagramBlazorApp/package-lock.json

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Readme.md

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<!-- default badges list -->
2-
![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/276693930/25.2.3%2B)
32
[![](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)
43
[![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
54
[![](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
1413

1514
### Register DevExtreme Resources
1615

17-
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:
16+
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.
1817

19-
1. JQuery library (`https://code.jquery.com/jquery-3.5.1.min.js>`)
20-
2. Custom or component-specific scripts, for example, diagram (`https://cdn3.devexpress.com/jslib/25.1.3/js/dx-diagram.min.js`)
21-
3. Base DevExtreme script (`https://cdn3.devexpress.com/jslib/25.1.3/js/dx.all.js`)
18+
You must register scripts in the following order:
19+
20+
1. JQuery library ([jquery.min.js](/CS/DiagramBlazorApp/wwwroot/js/jquery.min.js))
21+
2. Custom or component-specific scripts, for example, diagram ([dx-diagram.min.js](/CS/DiagramBlazorApp/wwwroot/js/dx-diagram.min.js))
22+
3. Base DevExtreme script ([dx.all.js](/CS/DiagramBlazorApp/wwwroot/js/dx.all.js))
2223

2324
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:
2425

@@ -28,16 +29,17 @@ The DevExpress Blazor [Resource Manager](https://docs.devexpress.com/Blazor/DevE
2829
```Razor
2930
<head>
3031
<!--...-->
31-
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
32-
<script src="https://cdn3.devexpress.com/jslib/25.1.3/js/dx-diagram.min.js"></script>
33-
<script type="text/javascript" src="https://cdn3.devexpress.com/jslib/25.1.3/js/dx.all.js"></script>
34-
@DxResourceManager.RegisterTheme(ThemesService.ActiveTheme)
32+
<script type="text/javascript" src="/js/jquery.min.js"></script>
33+
<script type="text/javascript" src="/js/dx-diagram.min.js"></script>
34+
<script type="text/javascript" src="/js/dx.all.js"></script>
35+
@DxResourceManager.RegisterTheme(Themes.Fluent)
3536
@DxResourceManager.RegisterScripts((config) => {
3637
config.Unregister(CommonResources.JQueryJS);
3738
config.Unregister(CommonResources.DevExtremeJS);
3839
})
39-
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.1.3/css/dx-diagram.min.css">
40-
<link href=@AppendVersion("https://cdn3.devexpress.com/jslib/25.1.3/css/dx.fluent.blue.light.css") rel="stylesheet" />
40+
<link href=@AppendVersion("css/site.css") rel="stylesheet" />
41+
<link href=@AppendVersion("css/dx.fluent.blue.light.css") rel="stylesheet" />
42+
<link href=@AppendVersion("css/dx-diagram.min.css") rel="stylesheet" />
4143
<!--...-->
4244
</head>
4345
```

0 commit comments

Comments
 (0)