This example demonstrates how to include both Third-Party and DevExtreme libraries in an ASP.NET Web Forms web application manually. Our reporting web components require the following libraries:
Third-Party Libraries:
- jQuery 1.11.3+
- knockout 3.5.0+
- ace.js 1.1.9 (required for the Web Report Designer only, should include ext-language_tools script)
- globalize v1.1.1+ (optional, should include message, number, date, currency modules and cldr, cldr.event, cldr.supplemental scripts)
DevExtreme Libraries:
- dx.all.js (should include the dx.common.css stylesheet along with the theme stylesheet: dx.light.css or dx.dark.css)
Download these libraries and put them into your web application folder. In this example, we used the npm package manager for this purpose. Right-click the package.json
file in the Solution Explorer and click the Restore Packages command in order to restore script files. You can also use the npm install
command in the project folder to restore packages.
Then, register an empty "resources" section in your Web.config file to disable automatic registration:
<configuration>
<devExpress>
...
<resources>
</resources>
</devExpress>
</configuration>
In addition, register client-side libraries in the HTML page header section using <script\>
tags. Note that the order in which scripts are registered is important.
The DefaultWithBundles.aspx page of the example also demonstrates how to use the BuildBundlerMinifier package in order to create script bundles. The configuration of bundles is located in the bundleconfig.json file. Also, libman.json is used to move DevExtreme icons to the css
folder where the devextreme.bundle.min.css
bundle is located.
Files to look at: