All Demos / Range Selector / Right To Left / RTL

Blazor Range Navigator RTL Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This sample renders the Range Navigator and accompanying chart in right-to-left (RTL) mode to visualize consumer price trends with proper localization.

RTL implementation:

  • Enable RTL by setting EnableRtl = true
  • All components align from right to left:
    • Axes and labels
    • Data points and series
    • Tooltip displays
    • Legend positioning and text
  • Tooltip shows the selected range during interaction

Learn more about RTL: documentation section.