Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Table of Contents
Table of Contents

...

StepDirection


Example

1.

Within a panel, add the number of panels that equals the number of desired columns


Info

In the example, three panels where were added to achieve three columns


2.

For each column, set the desired Width (% preferred) to defined the size of each column

Info

In the example: column 1 = 25%, column 2 = 25%, column 3 = 50%


Warning

Together the Panels width should not be greater than 100%.


3.

Add fields inside each column.

Warning
iconfalse

Elements inside Panels are aligned one to another if there is enough space in the same row.


...

 As you are building your report, you will be working with various elements. Elements can be split into two categories based of off complexity of the content:

...

To allow for faster addition of Form Fieldsseveral additional elements are preconfigured for you upon dropping a Field onto a form. For example text based field types (Number, Text Area, Muliple Multiple Choice, etc.) are dropped onto the report as two Labels (one for the field label and one to display the field value) wrapped inside Panel component. After a Field has been added, all of these components can be altered to fit your needs.

...

Info

Upon dropping a field onto your report, the Panel has a Hide Expression added automatically to hide itself and the elements inside, if the record being reported contains no value. If you would like this to be hidded hidden using a different set of rules, this may be adjusted from the Properties menu.

...

File Upload field types have the same structure as the text based field types, except that they are using an Image component to display the field’s value.

...

StepDescriptionExample (Click Image to Enlarge)
1.

Go to the elements tab and add a line component as the last element inside the Panel.

Info

This line will be rendered after each grid record, including the last record.

To suppress the line after the last record, proceed to step 2 and 3.


2.Select the line and open the Properties tab.
3.Type last() inside the Hide Expression property to hide the line in the last row.

Working with Images 

How to fix stretched images 

To keep the aspect ratio of your images, set a value only for one of the size properties: Width or Height.

...