To start/open the designer, double click on the Report.cs file or right click on it and select "View Designer".
The Telerik Report Designer has the following elements:
All of the elements below are especially designed to ease you in your Report
Designing experience. They toggle various different options that help in aligning,
snapping, stretching the report items and make sure they have margins and padding
- Zoom Combobox - this enables you to easily specify the zoom percentage in which you see the design surface. You can do that by holding the Ctrl key and use the mouse wheel to zoom as well.
- Snap Grid: Snapping and the snap grid provide you with a set of horizontal and vertical gridlines that—when you drag an object on the design surface—will snap or pull towards the closest vertical or horizontal gridlines. Objects can also snap to column and row dividers within a grid panel. Here is a workspace showing the snap grid turned on:
Additionally, snaplines allow you to drag objects on the design surface and have them snap to the margins or alignment (red dashed line) of other objects within the same container element such as a layout panel, column and row dividers in a grid panel, as well as the padding of the container element.
Show/hide the snap grid by using the button in the lower-left corner of the design surface, click Show snap grid . To hide the snap grid, click the button again to see the off icon.Turn on snapping to gridlines: In the lower-left corner of the design surface, click Turn on snapping to gridlines . To turn off snapping to gridlines, click the button again to see the off icon.Turn on snapping to snaplines: In the lower-left corner of the design surface, click Turn on snapping to snaplines . To turn off snapping to snaplines, click the button again to see the off icon.
Show/Hide Dimensions: In the lower-left corner of the design surface, click Show Dimensions . To hide the dimensions, click the button again to see the off icon.
Turn On/Off Pan: In the lower-left corner of the design surface, click Turn On Pan . To hide the "hand" and disable dragging, click the button again to see the off icon.Show/Hide the report MiniMap: In the lower-right corner of the design surface, click Show MiniMap. This element is especially useful when you have zoomed the report and want to focus on a specific element. To hide the map, click on the design surface to have it closed.
Change the alignment of an element
Alignment determines how an element resizes. For example, a left aligned element stretches to the right as the parent layout container gets resized.
To change the alignment of an element use the Layout toolbar and do one of the following:
- Select two report items and change their HorizontalAlignment by clicking Left , Center , Right , or Stretch .
- Select two report items and change their VerticalAlignment by clicking Top , Center , Bottom , or Stretch .
You can also change alignment by moving an element on the design surface.