examples.md

DevExpress Blazor components are shipped with GitHub feature-based examples. Follow the links below to view the examples:

Common Topics

• How to implement a Theme Switcher in Blazor applications
• How to localize components
• How to use DevExtreme maps in a Blazor application
• How to reuse a component and configure its state via a dictionary

Grid

Bind to Data

• Bind the Web API Service
• Create a Foreign Key (ComboBox) Column

Edit Data

• Disable Row Editing Depending on Row Values
• Inline Editing
• Edit a Row on a Separate Page
• Custom Confirmation Dialog
• Post changes to an in-memory data source
• Implement Row Drag and Drop Functionality

Selection

• Delete Selected Rows
• Disable Selection Checkboxes in Specific Rows

Filter Data

• Implement Filter Operator Selector
• Use the DxTagBox Control as a Filter for a Column with Multiple Values

Sort Data

• Custom Sorting

Customization

• Conditional Formatting
• Highlight a Row on Hover
• Use Icons Instead of Default Command Buttons

Manage Layout

• Save and Load Layout Information
• Set predefined settings for the specific component

Use External Components to Manage Data

• Show Context Menu
• Show Detail Information in DxFormLayout

Charts

• Create a Drill-Down Chart
• Create a Pie Chart

Data Editors

• How to implement the multiple selection editor
• How to implement the date range selector
• MaskedInput for Blazor - How to create an input element for a card number, expiry date, and CVV

Navigation and Layout

• Implement a responsive CardView component in Blazor
• Blazor TreeView – How to implement custom filter
• Form Layout for Blazor - Tabbed Wizard
• How to change the visibility of DxFormLayout's items and groups
• How to show a Data Grid's detail information in DxFormLayout
• Grid Layout for Blazor - How to create an adaptive dashboard layout
• How to implement the Breadcrumb control based on a selected node

Reports

• Components for Blazor - Getting Started
• How to Create a Report Bound to the SQL Data Source
• UI Customization API
• Specify Parameter Values in a Blazor Report Viewer (Native) Application
• Specify Parameter Values in a Blazor Reporting (JavaScript-Based) Application
• Report Viewer for Blazor - Customization API
• Report Viewer for Blazor - Custom Export

Scheduler

• How to load appointments for visible interval only (lazy loading)
• How to implement CRUD operations with a Web API Service

Refer to the following link to find all examples for DevExpress Blazor components: Blazor Examples.