With the FlexReportDesigner in preview mode, you cannot make any adjustments to the report. Click the Design button to switch to Design mode and begin making modifications. The right pane of the main window switches from Preview mode to Design mode, and it shows the controls and fields that make up the report.

Modify the Report:

For this example, we will resize the Group Header section and fields as well as format a field value. To do this, complete the following steps:

1. To resize the Group Header section, select its border and with your mouse pointer drag to the position where you want it.
   
   
2. With your mouse pointer, drag the handles in the field corners to resize fields.
   
   
   Tip: If text is not fitting in the field, set the Appearance.WordWrap property for the field to True in the Properties window.
3. In the Properties window, select the UnitPriceCtl field in Detail section under the Unit Price column.
4. Set the Appearance.Format property for the field to Currency.

   

5. Click the Preview button to switch to Preview mode and see your modifications.
6. Click Design button to switch from Preview mode to Design mode.
7. Click the File menu and select Save As from the menu that appears.

   

8. In the Save Report Definition File dialog box, enter ProductsReport.flxr in the File name box. Save the file to a location that you will remember for later use.
9. Close the Designer and return to your Visual Studio project.

You have successfully created a report definition file; in the next step you will load the report in the C1FlexReport component.