Configuring Grid Visualizer Settings

Page Editors can configure the Active Visualizer field, located in the Display and Cache section of the Reports Settings page, and choose the Grid Visualizer to define the way tabular data is displayed. They can enable the paging and sorting of data, along with optional column headers and grid lines. Finer-grain control of the grid appearance can be achieved by attaching CSS Classes and CSS Attributes to the entire grid. Here's how to set the Grid Visualizer settings of the Active Visualizer:

1. Go to a Reports module.
2. Select Manage > Settings from the module actions menu.
3. Go to the Display and Caching Settings section of the Report Settings tab.
4. At Active Visualizer, select Grid Visualizer.
5. At Enable Paging?, mark the check box to enable paging on the grid, and then enter the number of rows to be displayed on each page of data into the Page Size text box,

• OR - unmark the check box to disable paging and display all data on one page.

6. Optional. At Enable Sorting, mark the check box to enable users to sort data (by clicking on a column header to sort by that column).
   Note: The "Show Header" field must be enabled to access sorting.
7. Optional. At Show Header, mark the check box to display column headers on the grid.
8. At Grid Lines, select Both to display both horizontal and vertical lines;
   select Horizontal to display horizontal lines only;
   select Vertical to display vertical lines only;
   or select None to hide all lines.
9. In the Additional CSS text box, enter any additional CSS attributes to be placed in the 'style' attribute of the 'table' element produced by this visualizer.
10. In the CSS Class text box, enter a list (separated by single spaces) of CSS classes to apply to the 'table' element produced by this visualizer. For more details, see CSS Formatting below.
11. Click the Update button.