I wanted to share an issue I ran into in case it helps anyone building dashboard-heavy pages.
I have a dashboard with a large number of Radzen charts. The charts themselves are awesome, but I noticed a UX issue when using a sidebar/panel menu that switches between icon-only mode and icon+text mode on mouse hover.
When the sidebar expands by changing its layout width, the page content area is resized. On a chart-heavy dashboard, that resize causes the charts to re-measure/re-render, which can make the sidebar expand/collapse animation feel choppy.
The workaround that resolved it for me was to keep the sidebar’s layout footprint pinned to the icon-only width, then let the expanded panel menu render as an overlay. That way, opening the menu does not resize the page content, so the charts are not forced to reflow during the sidebar animation.
In short:
-
Expanding sidebar width can trigger page/chart reflow.
-
Chart-heavy dashboards can make that animation feel sluggish.
-
Keeping the sidebar width fixed and overlaying the expanded menu avoided the conflict.
Sharing in case anyone else runs into the same pattern.