Skip to main content

Demos

  • 2 minutes to read

Online Demos

DevExpress Blazor components ship with the following online demos: https://demos.devexpress.com/blazor/.

Run Demos Locally

Demos in the Installation Folder

If you use the DevExpress .NET Product Installer to install Blazor components, you can find demo sources in the DevExpress product installation folder. The default path is C:\Users\Public\Public Documents\DevExpress Demos 24.1\Components\. You can run solutions from this folder or use the Demo Center to view demos.

Note

The demo project may throw an exception if the project path exceeds the maximum path length allowed on your device. In this case, move the demo project to a location with a shorter path or remove the path limit. Refer to the following section for more information: Enable Long Paths in Windows 10.

Follow the steps below to view demos in the Demo Center:

  1. Launch the Demo Center in one of the following ways:

    • Click the Demo Center 24.1 shortcut in Windows Start Menu.
    • Open the DevExpress product installation folder and run the Demo Center. The default path is C:\Users\Public\Public Documents\DevExpress Demos 24.1\Components\Components\Bin\DevExpress.DemoCenter.v24.1.exe.

    Blazor Demos

  2. Click Blazor, then select a component to explore.

    Blazor Demos

    The demos open in a browser.

Demos On GitHub

Demo sources are available on GitHub:

To run demos locally, follow the steps below:

  1. Download the demo folder from the proper repository.

  2. Open one of the following solution files in Visual Studio 2022:

    • demo/BlazorDemo.ServerSide/BlazorDemo.ServerSide.sln
    • demo/BlazorDemo.Wasm/BlazorDemo.Wasm.sln
  3. Obtain the NuGet feed and install the DevExpress Blazor NuGet package.

  4. Only for the BlazorDemo.Wasm demo, make sure that the BlazorDemo.Wasm.ServerSide project is set as the solution’s startup project.

  5. Start the application in a supported browser.