FlexReport for WPF | ComponentOne
Fields and Custom Fields / Shape Field
In This Topic
    Shape Field
    In This Topic

    Shape Fields are used to display line, isosceles triangle, right triangle, rectangle, ellipse, arc and pie in the report. The shape fields can help highlight sections in FlexReport, and create tables, flow-diagrams, grids etc.

    To add a Shape (or Rectangle) field using the FlexReportDesigner application:

    1. Go to the Insert tab and click the Rectangle field icon .
    2. Click the mouse to mark one corner, and drag the mouse to position the opposite corner.

    3. Improve the look of the border of shape by using the Border group on the ribbon under Home tab. Or simply change the Border color, Border style and line width properties from Properties window in the FlexReport Designer.


    4. Preview the report.

    Types of Shapes in Report

    Learn about the different types of shapes provided by the Shape field in the FlexReport Designer:

    Shapes Snapshot Description
    Line

    Add lines with any line slant (up or down).

     

     

    Rectangle Add rectangle shape to the report.
    Isosceles Triangle Add Isosceles triangle shape to the report.
    Right Triangle Add right triangle shape to the report.
    Ellipse Add elliptical shape to the report.
    Pie

    Add pie shape to the report with different start angle and sweep angle.

    Arc Add arcs to the report, be it closed or open arc, with different start angle and sweep angle.
    None No shape selected.

    Highlight Report Sections

    Let's say, you want to highlight the Product Name field in the Product Report obtained from the QuickStart using shape fields.

    FlexReport lets you set rules for defining visibility of the shapes or rectangles in the expressions. For example, to enclose the Product names in rectangular shape when the Reorder Level is less than the Units in Stock, you can enter script code directly into the VBScript Editor of the Detail section's OnPrint property. Complete the following steps:

    1. Select Detail from the Properties window drop-down list in the Designer. This reveals the section's available properties.
    2. Click the ellipsis next to the OnPrint property, to open VBScript Editor.
    3. In the VBScript Editor, simply type the following script:
      
      

    The following screen capture shows a section of the report with the special effects. You can observe the rectangles over the product names that fulfill the condition.

     Show or Hide a Shape Field in FlexReport

    Create Flow Diagrams

    FlexReport lets you generate flow diagrams, tables and grids, You can use the ShapeField type and the Border.CornerRadius property on various fields in the report.

    For example, the snapshot below shows the preview of the Shapes.flxr flexreport located at ..\Documents\ComponentOne Samples\WinForms\v4.6.2\FlexReport\CS\FlexReportExplorer\FlexReportExplorer\Reports\Controls.

     

    As you can observe different shapes have been used to enclose the items in the flow diagram, such as rectangles (with rounded corners) and lines (slanted up or down).

    Let's see how to add a simple line shape to the report using the FlexReport Designer app.