Detail Module

The Grid Detail Module allows you to organize the information displayed according to its importance. It’s a complementary application it displays the data in detailed form. In order to see the Grid Detail within the Grid the final user needs to click on Grid Detail Icon that is displayed for each record.

To enable the Grid Detail Module, access the “Grid Modules” and enable the check box, it uses to come enabled by default:

Detail Settings

In this function, the user can define how the detail of a particular record should be displayed when it is selected and which registry information should be displayed in this detail.

Choosing the fields for the detail Choosing the fields for the detail

  • Attributes
    • Fields selection for the detail page. : Allows you to select the desired fields. Just click the field and then click the “On/Off” button to enable/disable the fields.

Detail Keys

Through this interface you can chose the fields that will be part of the WHERE clause, it will return the corrected information according to the selected record. ScriptCase uses to identifies the table primary keys, that is being used within the application SQL, automatically. However, Sometimes it is necessary to set the primary key manually, especially in cases where the application has a SQL JOIN, involving more than one table.

Detail key fields settings Detail key fields settings

Selecr here the fields that are keys to the Detail. The application will execute another select command, and you can configure which fields will be passed for this WHERE clause:

  • On/Off : Select the field to be displayed in detail. The selected field (On) gets an asterisk.
  • All : Check “On” to all fields.
  • None : Check “Off” to all fields.

Desktop Toolbar

The application toolbar is divided in two parts: superior and inferior. It is possible to select the buttons for each part independently. A button can even be part of both parts simultaneously.

Detail buttons settings Detail buttons settings

  • Attributes
    • Navigation : Navigation Buttons
      • Exit : Ends or return to the previous application depending on how the “Display Detail” is configured. You can change the label within the “Button Settings”.
    • Exports : Sets the formats for printing generation:
      • Print : Creates a complete report with all Grid Detail data within a HTML printable page.
      • PDF : Creates a complete report with all Grid Detail data within a PDF file type.
    • Othes
      • Separator : Creates a separation line between the buttons for better display, specially for grouped buttons.

Mobile Toolbar

Detail buttons settings for mobile views Detail buttons settings for mobile views

It has the same options of Desktop version, by adding only the item “copy of the desktop”, in which, when clicked, performs a copy of toolbar items from Desktop to Mobile.

Button Settings

Grid Detail button label settings Grid Detail button label settings

Button Displays the buttons available in the application.
Label Allows you to customize the buttons name from current application. You can also use the option “Application Language” (placed within the main menu “Locales”) to change the button labels for the whole project.
Hint Allows you to set a hint for the buttons. The hint will help the user to understand the button’s action.
Shortcut key Allows you to set a shortcut key to run the button action. Important note: Each browser has its own shortcut combinations and reserved words, you need to check it before implementing this option.


In this block is where the content variables that will be part of the header is set.

Grid Detail header settings Grid Detail header settings

This screen will change depending on the format chosen header within.

  • Display Header : This flag determines whether the header is displayed.
  • Detail Title : Using this option you can set a title for the application, it uses bring a value from the Grid application as default. However it can be customized.
  • Header Variables : Variable fields can be filled with any of the types displayed in the Combo box. Depending on the type, you must associate a content. Below we describe the existing types:
    • Field : Quando se escolhe a opção do tipo “Campo”, abrirá um Combobox ao lado com os campos que fazem parte do “Select”. Escolhendo um desses campos, estará associando o valor do campo para exibição no cabeçalho.
    • Title : This option when selected will display in the header the value filled in “Detail Title”.
    • Date : When you select the “Date” type, the system date in the format dd/mm/yyyy will be displayed in the header. There are several display formats using server date and time. The format can be reported in the text field that appears next. Click in the question mark to check out the available formats.
    • Image : Quando selecionado o campo tipo imagem, aparece um campo para o preenchimento do nome da imagem existente no servidor. Para localizar as imagens existentes e selecionar uma, clique no ícone “Escolher imagem” e para disponibilizar novas imagens no servidor clique em “Fazer upload de uma imagemConfiguração do rodapé da aplicação .
    • Value : Quando selecionado o tipo “Valor”, o conteúdo preenchido no campo texto que aparece ao lado será exibido no cabeçalho, pode ser informado textos e “Variáveis globais”. Ex: “Nome do Funcionário: [v_nome]”.