Set quick view layout

Set quick view layout of list report designed for browser

The layouts can be broadly classified as tabular and non-tabular. You can do the following:

To set tabular layout for list report

  1. Navigate to Design page.
  2. Select Quick View on the right.
  3. Select Layout section.
  4. Select the first (tabular) layout. You can set the field and layout properties.
  5. Map the fields to specific positions in the layout.
  6. Select the fields. The respective field properties will appear. 
  7. Define their properties.
  8. Click ADD FIELDS button, then select a field to include it in the layout.
  9. Click Close. The changes are reflected in the preview.

On completing layout mapping, the preview immediately reflects the changes made. Access your report. You will find that the records are displayed as per your tabular layout.

Note: You can remove fields that you do not require to participate in a report while setting a tabular layout for it. The delete icon available with each field allows you to remove it.

To freeze columns in list report

  1. Navigate to Design page of your report.
  2. Select Quick View on the right.
  3. Select Layout.
  4. Select the first (tabular) layout.
  5. Click the outer dotted line that encloses the fields. The Freeze property will appear on top.
  6. Set the Freeze property as One column or Two columns, as required.
  7. Click Close.

Access the application to view your report. You will find that your list report is displayed with the column frozen based on your configuration.

To set a non-tabular layout for list report

  1. Navigate to Design page.
  2. Select Quick View on the right.​
  3. Select Layout.
  4. Select a layout other than the first (tabular) one. You can set the field and layout properties.
  5. Map the required fields to the placeholders in the layout.
  6. Select the fields. The respective field properties will appear on top. 
  7. Define their properties.
  8. Click Close. The changes are reflected in the preview.

On completing layout mapping, the preview immediately reflects the changes made. Access the application to view your report. You will find that your list report has assumed the non-tabular layout that you selected.

To set a non-tabular layout that has a placeholder for image field

Prerequisite: Your form must have an image field in it to be able to select this type of layout
  1. Navigate to Design page.
  2. Select Quick View on the right.​
  3. Select Layout.
  4. Select a non-tabular layout that shows an image. You can set the field and layout properties.
  5. Map the fields to specific positions in the layout.
  6. Select the fields. The respective field properties will appear. 
  7. Define their properties.
  8. Click Close. The changes are reflected in the preview.

On completing layout mapping, the preview immediately reflects the changes made. Access the application to view your report. You will find that your list report has assumed the layout that you selected.

To set size for a non-tabular layout of list report

  1. Navigate to the Design page of your report.
  2. Select Quick View on the right.
  3. Select Layout​.
  4. Select a layout other than the first (tabular) one.
  5. Click the outer dotted line that encloses the fields. The layout properties will appear on top.
  6. Set the required value for the Size​ property:
    • Default - Width of each record's layout will be set to 100 pixels (px). The number of records shown per row will majorly depend on the size of your user's web browser's window.
    • Fit x records per row - You can display one to five records per row (depending on the layout). The width of each record's layout will be adjusted so as to fit the defined number of records in your user's web browser's window.
    • Custom - You can set the width of record's layout in pixels. This will come in handy especially when you wish to embed your report in a page or website.

Related Topics

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohocreator.com