Skip to main content
A newer version of this page is available. .

Design Surface (Web)

  • 2 minutes to read

The Design Surface displays a report that is being edited in the Web Report Designer.

web-designer-surface

Rulers

The horizontal and vertical rulers display tickmarks in your report’s specified measurement units. Click an element to evaluate its size and location using the rulers.

The horizontal ruler also allows you to modify the report’s side margins (the XtraReport.Margins property value) by moving the left and right sliders on the ruler.

web-designer-surface-horizontal-ruler

You can move a report band’s vertical ruler resizing rectangles to change its height.

web-designer-surface-vertical-ruler

Band Captions

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

You can expand or collapse a band’s content at design time by clicking the tab on the left side of the band.

web-designer-surface-band

To access a band’s properties, click the band’s caption and switch to the Properties Panel.

Data Binding Indication

The Report Designer displays a database barrel icon above data-bound report controls.

You can click the Validate Bindings toolbar button to highlight barrel icons in the report controls with invalid expression/data bindings. This allows you to determine if the specified expression has an incorrect syntax or uses non-existing data source fields.

In-Place Editors

In-place editors allow you to edit the text-oriented controls’content (XRBarCode, XRCheckBox, XRLabel, XRRichText, or XRZipCode) by double-clicking them.

web-designer-surface-in-place-editor

You can switch between a report’s Design and Preview mode using the corresponding buttons in the Main Toolbar.