Feedback
  1. Home
  2. applications
  3. grid application
  4. Grid Modules Settings

Grid Modules Settings

Initial Module

Allows you to set in which mode the application will start when executed.

Grid Application Modules Grid Application Modules

  • Search : The application will start with the Advanced Search module, so you can filter the records before the next application, that can be a Grid, PDF, Summary, Chart, Print, PDF, Word, Excel, RTF, XML or CSV. You can configure these options within the Filter’s settings.
  • Grid : The application will start with the Grid module itself, this is the default option.
  • Summary : The application will start with the Summary module. To use the Summary as initial application it’s mandatory to create at least one Group, using the Static Group By settings.
  • Chart : The application will start with the Chart module. To use the Chart as initial application it’s mandatory to create at least one Group, using the Static Group By settings.
  • Print : The application will start with the print mode, according to the select command.
  • PDF : Application will be started with the option to view or download a PDF file.
  • Word : Application will be started with the option to view or download a Word file( .doc or .docx ).
  • Excel : Application will be started with the option to view or download an Excel file ( .xls or .xls ).
  • RTF : Application will be started with the option to view or download a RTF file ( .tft ).
  • XML : Application will be started with the option to view or download a XML file.
  • CSV : Application will be started with the option to view or download a CSV file.

Search

Grid Filter Settings Grid Search Settings

  • Filter Module : This option configures which application will be called after the Search.
  • Use Iframe : This option configures the Search to be displayed within an iframe (displaying the Filter itself and the search results on the same page). This option is available only when the initial module is set to be the Search.
  • Hide Grid Header : Hide the Grid’s header when using the Search in the iframe.
  • Show Results : Display the search results on the same page when loading the application for the first time when the “Use Iframe” option is set as “Yes”, otherwise, the results will be displayed only after the search.
  • Iframe Height : Iframe height, in pixels, used to display the search results.
  • Search Modal : This option configures the Filter Application to open in a modal window.
  • Search Modal Height : Search Modal box height (in pixels). Option available only when the Search Modal box is enabled.
  • Search Modal Width : Search Modal box Width (in pixels). Option available only when the Search Modal box is enabled
  • Table Width : Filter application table width. This value can be in percent, pixel or automatic (set by Scriptcase). If you change the value you will also need to set the “Table Width Unit”
  • Table Width Unit : This option configures the unit for the table width (percent, pixel or automatic). The value itself must to be set within the option “Table Width”.

> You can customize more options from this module accessing the Advanced Search options. Learn More

Grid

Grid Settings Grid Settings

Orientation

This option configures the Grid records’ orientation (Horizontal, Vertical, Slide or User Defined). When using the “User Defined” option you can design the HTML manually inside the option “Layout » HTML templates” and select within the Layout settings.

Fixed Label

This option will fix the columns’ label at the top of the page (it is only available when the Grid records’ orientation is set as Horizontal).

Fixed columns

Enables the option of fixing one or more columns of the query application during its execution. The resource will be represented by the icon fix column icon positioned on the right side of the label.

Icon color is defined by application theme.

When fixing a column, all others positioned on the left side will also be fixed.

For example, when fixing the column Contact the columns Customer Code and Company were also fixed. Example of the behavior of the option to fix column

In order for only the Contact field to be fixed, it is necessary to move it to the left corner using the Columns button.

See how configure the option of columns in the grid.

Example of fixed left column

Fixed column hover

Defines if the fixed column button will always be visible in the application or only when the field hovers.

This hover option works only in applications running on the desktop, if the application is opened on a mobile device, the pin column icons will always be visible.

When checking yes the icon will be displayed when hovering the mouse over the column.

fix column icon displayed only on field hover

When checking no the icon to fix the column will always be visible.

fix column icon displayed only on field hover

Pin options column

Allows you to fix the options column displayed in rows of records.

If the developer chooses to mark yes the column will remain fixed without the possibility for the application user to change its behavior, as in the image below.

Image of the column of options containing the detail and edit button of the record

When checking no the option to fix the column is at the discretion of the application user and the fix icon will be displayed, following the behavior defined in the configuration previous Hover of fixed columns.

Image of the options column containing the record's detail and edit button

Fixed breaks

This option fixes the line with the break information when there is a horizontal scroll.

When checking yes if the application has a horizontal scroll, the break information will always be visible.

Example of fixed break information

When checking no when scrolling horizontally, the break information is no longer displayed, as in the example below.

Example of unpinned break information

Pagination

This option sets the Grid paging type: Partial (pagination according to the amount of records set per page), Total (displays all records) or Infinite Scroll (automatic scrolling according to the increment)

Lines Per Page

This option sets the amount of records per page for the Grid

Infinite Scroll Increment

This option sets the number of rows displayed on each increment of new records. It is available only when paging is configured with Infinite Scroll.

Open windows using modal

For Grids application with the Infinite Scroll paging enabled, this option will set the links between applications and details of the Grid, that are configured to open in iframe, to open using a modal instead.

Maintain records

It configures if the amount of records displayed will be preserved when the application navigates to another window and go back.

Grid height

It sets the height of the query in pixels. If it is empty

Table Width

Grid application table width. This value can be in percent, pixel or automatic (set by Scriptcase). If you change the value you will also need to set the “Table Width Unit”

Table Width Unit

This option configures the unit for the Grid table width (percent, pixel or automatic). The value itself must to be set within the option “Table Width”.

Detail

Grid Detail settings Grid Detail settings

  • Display Detail : Allows you to set where the detail will open within the Grid Application * Beside the Grid : Displays the Grid Details to the right of the record, in the same window where Grid is being displayed. * Below the Grid : Displays the Grid Details below the Grid records, in the same window where Grid is being displayed. * In another page : Displays the Grid Details in another page, replacing the Grid view. * In another window : Displays the Grid Details in a separated browser window. * Modal : Opens a pop-up window to the display of the Grid Detail.

    • Alignment : Using this option you can set an alignment (center, right or left) for the Grid Detail when it’s using the “Display Detail” setting as “Beside the Grid” or “Below the Grid”.
    • Detail Width : This option sets the Grid Detail width when it’s using the “Display Detail” setting as “Beside the Grid”, “Below the Grid”, “In another page” or “In another window”.
    • Width of the modal : Allows you to customize the Grid Detail width when it’s using the “Display Detail” option as “Modal”.
    • Height of the modal : Allows you to customize the Grid Detail height when it’s using the “Display Detail” option as “Modal”.
    • Detail Width Unit : This option configures the unit for the “Detail Width” (percent, pixel or automatic).

Summary

Grid Summary Settings Grid Summary Settings

  • Summary Display : Sets the Grid Summary display option ( On another page, On the last page, On every page). The Summary Application Module is only available when a group is created in the Group By settings.

Chart

Grid Chart settings Grid Chart settings

  • Charts display mode : Sets the Chart Summary display option ( New window, Same page, Other page ).The Chart Application Module is only available when a group is created in the Group By settings.
  • Display before summary : Sets whether the Chart is displayed above or below the Summary. Available when the Charts display mode is configured in the Same page.
  • Number of columns : Sets the Chart number of columns per line (one in each column). Available when Charts display mode is configured in the Same page.
  • Margin : Sets the Charts horizontal margin. Available when Charts display mode is configures in the Same page.
  • Horizontal alignment : Sets the Charts horizontal position (Left, Right, Center). Available when Charts display mode is configures in the Same page.
  • Vertical alignment : Sets the Charts vertical position (Top, Center, Bottom). Available when Charts display mode is configured in the Same page.
  • View settings in the chart window : Sets the chart settings display on the same page. Available when the Char display mode is configured on Other page or new window.