Skip to main content
BuyLog In
Blazor
Search in…
Docs > Troubleshooting > Common Component Issues > Blazor Components are Rendered Incorrectly
A newer version of this page is available. .
All docs
V21.2
Blazor Components
Prerequisites
Supported Browsers
Get Started
Troubleshooting
Version-Related Issues
Resources-Related Issues
Framework-Related Issues
Common Component Issues
Blazor Components are Rendered Incorrectly
An Unhandled Exception on the Current Circuit
The Type Arguments Cannot be Inferred from the Usage
The child content element 'ChildContent' of component 'X' uses the same parameter name ('context') ...
The component parameter 'ValueChanged' is used two or more times for this component...
Duplicate Key Values in the If/Else Statement
Some Blazor Components Features (For Instance, Drag and Drop and Column Resize) Do Not Work in My Application
Grid-Related Issues
Data Grid-Related Issues
Scheduler-Related Issues
Editor-Related Issues
Navigation Component-Related Issues
Demos
Videos
Common Concepts
Grid
Pivot Grid
Charts
Reports
Scheduler
Rich Text Editor
Data Editors
Buttons
Navigation and Layout
File Management
Dashboard
XAF (App UI & Security API)
Maintenance Mode
API Reference
Download CHM

Blazor Components are Rendered Incorrectly

DevExpress Blazor components can be rendered incorrectly in the following cases:

  • DevExpress resources are not registered in a project. Refer to Register DevExpress Resources.

  • The application’s Bootstrap version does not match the theme.

  • You used Visual Studio’s built-in Blazor project template to create your project. CSS rules for the standard NavMenu component (NavMenu.razor.css) match certain Bootstrap classes, such as .nav-item. DevExpress Blazor components (DxTreeView, DxTabs, or DxMenu) may render incorrectly due to these conflicts. To resolve the issue, modify the CSS file and the NavMenu component. Use the techniques described in How to inspect CSS rules and How to implement CSS-related solutions for DevExpress components to determine which CSS rules cause this issue.

    Some classes from the site.css or app.css file (for example, .btn-primary, .btn-link) can affect the DxButton, DxToolbar components. To resolve this issue, modify rules for these classes.