Diagram / Getting Started / Rulers

Example of Rulers in Blazor Diagram Component

Loading Syncfusion Blazor Server Demos…

Properties
Interval
Tick Alignment
Marker Color
Ruler Visible

This example demonstrates ruler usage in Diagram component for determining element position and dimensions with customizable appearance.

Ruler features:

  • Toggle ruler visibility using IsVisible parameter
  • Customize interval using Interval property
  • Define tick alignment via TickAlignment property
  • Specify guide color using MarkerColor property
  • Add horizontal ruler using HorizontalRuler component
  • Add vertical ruler using VerticalRuler component
  • Child components of RulerSettings
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
Documentation
Forum
Blog
Knowledge Base
Copyright © 2001 - 2025 Syncfusion® Inc.