Skip to main content
BuyLog In
.NET Reporting Tools
Search in…
Docs > Detailed Guide to DevExpress Reporting > Use Report Controls > Manipulate Report Controls > Arrange Report Controls
All docs
V25.1
    • Reporting
    Product Information
    What's New
    .NET Support
    Get Started with DevExpress Reporting
    Create Different Report Types (Walkthroughs)
    Detailed Guide to DevExpress Reporting
    Introduction to Banded Reports
    Bind Reports to Data
    Use Report Controls
    Add Controls to a Report
    Manipulate Report Controls
    Access Report Element Settings
    Move and Resize Report Controls
    Apply Styles to Report Controls
    Copy Report Controls
    Reuse Report Controls
    Arrange Report Controls
    Draw Borders (Lines) for Report Controls
    Convert Labels to Table
    Add Report Controls to Containers
    Validate the Report Layout
    Hide Report Controls in Exported Documents and Printouts
    Bind Report Controls to Data
    Use Tables
    Use Barсodes
    Use Charts
    Use Custom Controls
    Use Third-Party Controls
    Use Report Parameters
    Shape Report Data
    Use Custom Fonts
    Arrange Dynamic Report Contents
    Customize Appearance
    Add Navigation
    Provide Interactivity
    Add Extra Information
    Merge Reports
    Use Expressions
    Store and Distribute Reports
    Globalize and Localize Reports
    Reporting API
    Memory Usage in Reporting - Best Practices
    Localize Reporting Applications
    Security Considerations
    AI-powered Extensions
    Visual Studio Report Designer
    VS Code Report Designer
    Reporting for Desktop
    Reporting for .NET MAUI
    Reporting for Web
    Reporting .NET Migration Guides
    Cloud Integration
    .NET Aspire Integration
    Cross-Platform .NET App UI
    Backend Web API Service / REST API for Reporting
    WCF Report Service
    End-User Documentation
    Redistribution and Deployment
    API Reference
    ASP.NET Core API Reference
    Blazor API Reference
    Client API Reference
    Client API Reference (Web Forms & MVC)
    Download CHM

    Arrange Report Controls

    • 2 minutes to read

    The following tools allow you to control report element size, location, and alignment, and to maintain the distance between them:

    • Rulers

      The Report Designer includes horizontal and vertical rulers to help you determine report elements’ size and location.

      design-time-rulers

    • Layout Toolbar

      Use the Layout Toolbar commands to align report controls.

      design-time-layout-toolbar

    • Snapping

      A report’s XtraReport.SnappingMode property defines whether automatic report control snapping is enabled and allows you to switch between snapping to a grid and/or snap lines.

      • Snap Grid

        The report’s design surface displays a visual grid by default, which allows you to determine elements’ size and location in a report. Use the XtraReport.SnapGridSize and XtraReport.SnapGridStepCount properties to customize the grid settings.

        design-time-snap-grid

        Set the XtraReport.DrawGrid property to false to hide the grid.

        Tip

        To select the measurement units applied to the grid size, use the XtraReport.ReportUnit property.

        Use the context menu to align the selected controls to the grid cells.

        design-time-align-to-grid

        A report control is aligned to the nearest grid cell when moved with the mouse or ARROW keys.

        Tip

        Hold down ALT when you use the mouse, or CTRL when you use the keyboard, to move or resize controls without snapping to the grid.

      • Snap Lines

        The Report Designer displays snap lines when you move or resize report controls. This enables you to align these controls to other report elements.

        design-time-snap-lines

        Tip

        When you move a report control with the ARROW keys or resize it with SHIFT+ARROW, this control is aligned to the nearest report element’s snap line.

        To maintain a uniform distance between elements in a report, use report elements’ SnapLineMargin property and the band’s or panel’s SnapLinePadding property.

        Tip

        Hold down ALT when you use the mouse, or CTRL when you use the keyboard, to move or resize controls without snapping.

    Arrange Report Controls in the End-User Report Designer

    Tutorials that explain how to use different report elements in EUD Report Designers for WinForms and Web are included in the End-User Documentation online help section: