[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Collapse]Reporting
 [Expand]Product Information
 [Expand]Get Started with DevExpress Reporting
 [Expand]Create Popular Reports
 [Expand]Detailed Guide to DevExpress Reporting
 [Expand]Visual Studio Report Designer
 [Collapse]Create End-User Reporting Applications
   Cross-Platform Reporting
  [Expand]WinForms Reporting
  [Collapse]WPF Reporting
   [Expand]Print
   [Expand]Document Preview
   [Collapse]End-User Report Designer
    [Expand]Quick Start
    [Collapse]GUI
     [Collapse]Interface Elements
       Toolbar
       Control Toolbox
       Field List
       Report Explorer
       Report Gallery
       Group and Sort Panel
       Properties Window
       Design Surface
       Script Editor
       Query Builder
      Document Preview
     [Expand]Report Wizard
     [Expand]Data Source Wizard
    [Expand]API and Customization
   [Expand]Application Security
   [Expand]Application Appearance
    Application Deployment
   [Expand]Localization
    End-User Documentation
  [Expand]Web Reporting
  [Expand]WCF Report Service
  [Expand]Discontinued Platforms
   Localization
   Redistribution and Deployment
 [Expand]API Reference
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Design Surface

The Design Surface displays a report that is currently being edited in the End-User Report Designer.

The Design Surface includes the following principal elements:

Expanded Rulers

The horizontal and vertical rulers display tickmarks in the measure units specified for a report. Click an element to evaluate its size and location using the rulers.

The vertical ruler also allows you to change the band height by moving its top and bottom sliders.

Expanded Band Captions

In the Report Designer, each report band carries a caption, tab title and color, which depend on the band kind. These captions are not printed in the resulting report document and are only visible at design time.

To access band properties, select the band by clicking its caption, and then switch to the Properties Panel.

Expanded Context Menus

The context menu provides quick access to the most commonly used actions that depend on the element for which it is invoked. For example, it allows you to insert new bands, cut/copy/paste/delete report controls, etc. For certain report controls, the context menu also includes the Edit... option, which invokes the dialog with complex settings (such as data binding settings, formatting, etc.) To invoke this menu, right-click a report element or the report editing surface.

Expanded Smart Tags

Most report elements (bands and controls) provide smart tags containing the most popular context-sensitive settings. You can invoke the smart tag by selecting a required element and clicking the smart tag button (with the right arrow icon).

See the Customize Smart Tags topic to learn how to add or remove actions.

Expanded In-place Editors

An in-place editor allows you to edit the content of a text-oriented control (XRBarCode, XRCheckBox, XRLabel, XRTableCell or XRZipCode) by double-clicking it.

To learn how to use the in-place editor to supply dynamic data to a control, see Use Embedded Fields (Mail Merge).

Is this topic helpful?​​​​​​​