Feedback Print

Toolbar

The application’s toolbar is divided into two parts: Top Toolbar and Bottom Toolbar, so that it is possible to define which buttons will be displayed in one or both positions. The buttons selection for the top and bottom toolbars are independent from each other, for example, a button can be positioned in the two bars at the same time.

You can also organize the toolbar according to the device and separate which buttons will be displayed when the application is accessed on a mobile device or desktop, and its respective positions on the toolbar.

  • Desktop : Within this option the toolbar can be organized for exhibition type “Classic Web Version”, i.e, these configurations will be used when the application is accessed by a Desktop.
  • Mobile : Within this option the toolbar can be organized for exhibition type “Mobile Version”, i.e, these configurations will be used when the application is accessed by a Mobile.

Toolbar

Grid Buttons positioning Grid Buttons positioning

  • Atributes:

    • Navigation : Within this attribute you can find the options to set the Grid navigation buttons.
    Next Moves forward to the next page of the Grid.
    Left Returns to previous page of the Grid.
    First Sends to the first record of the Grid.
    Last Sends to the last record of the Grid.
    Exit Ends the application.
    Navigation by page Displays the link to pages. ie. 1 2 3 4 5
    • Export : Sets the format available for generating exports. ScripCase can generate exports in the following file formats:
    PDF Creates a complete report with all Grid data within a PDF file type.
    WORD Creates a complete report with all Grid data within a WORD doc.
    XLS Creates a complete report with all Grid data within a XLS (Excel).
    XML Creates a complete report with all Grid data within a XML file.
    CSV Creates a complete report with all Grid data within a CSV file.
    RTF Creates a complete report with all Grid data within a RTF file.
    Print Creates a complete report with all Grid data within a HTML printable page.
    • Others : Some more options available for the application, according to its settings.
    Jump to Creates a button that allows the user to skip and position to a specific grid record.
    Rows Limit Creates a check box with the maximum number of lines per page. This value can be set within the option “Records per page”. eg. 10,20,30, all
    Search Creates a link button to access the Advanced Search form (Filter module). Settings for this button can be configured within the option “Search » Settings » Advanced Search”.
    Dynamic Search Creates a link button to access the fields for the Dynamic Search. Settings for this button can be configured within the option “Search » Settings » Dynamic Search”.
    Columns Creates a button to manage the columns display dynamically within the application, you can configure the columns that will be available within the option “Grid » Columns” .
    Sorting options Creates a button to manage the fields sorting dynamically, you can configure the sorting options within the option “Grid » Sorting”
    Group By Creates a button that allow the user to select the Group by. This button will be automatically activated once you create a Dynamic or Static Group By to the Grid.
    Save Grid Creates a button to save the current Grid (For example when the user applies a search condition or a Group By inside the application, it can be saved for a future view). You can create criteria for this button within the option “Grid » Save Grid”
    QuickSearch Creates a link to access the QuickSearch options within the Grid. Settings for this button can be configured within the option “Search » Settings » QuickSearch”.
    Gantt Chart Creates a link to a Gantt Chart. This button will be automatically activated once you create a Gantt Chart within the option “Grid » Gantt Chart”
    Summary Creates a link button to access the Summary Module. This button will be automatically activated once you create a Dynamic or Static Group By to the Grid, so you the user can see the records summary and its options according to the data group. You can configure the Summary options within the option “Grid » Grid Modules” and also within the “Summary” area in the left menu.
    Form Buttons Displays the Form application buttons configured when a link between the Grid and the Form is created. You can configure the application links within the “Links” area in the left menu.
    Languages Creates a combo box with the languages added to the project during the project creation. You can add or remove languages to your project or application accessing the main menu “Project » Properties » Locales”.
    Themes Creates a combo box with the themes added to the project during the project creation. You can add or remove css themes to your project or application accessing the main menu “Project » Properties » Themes”.
    Rows Counter This option if activated will display a record counter within the application toolbar
    HelpCase Creates a link to the application documentation (WebHelp). You can configure the documentation settings within the main menu option .
    • Separator
    ————————- Creates a separation line between the buttons for better display, specially for grouped buttons
  • Button Group: The Group allows to create group buttons.

    • Add: Add a group of buttons;
    • Edit: Edit a group of buttons;
    • Delete: Delete a group of buttons;

Add Button Groups Add Button Groups

Button Group Configuration Button Group Configuration

  • Name : Allows to define a name for the button group.
  • Label : Allows to define a name for the button group that’s going to be displayed for the user.
  • Hint\Title : Allows to define a hint for the group of buttons that’s going to be displayed to the user.
  • Button Type : Allows to define a display format for the button group (Button, Image, Link).
  • Image : Allows to define an image for the button if its display format is and Image.
  • Display : Defines if the button will display only the Text, only the image or both.
  • Display Position : Defines the position of the Text or Image (Text to the right, Image to the right).

After creating a button group, it is necessary to position the buttons below the Button Group and to the right. Like the image below:

Positioning the buttons of the button group Positioning the buttons of the button group

Button Settings

Grid Buttons' Settings Grid Buttons’ 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.

Application Hotkeys

Application Hotkeys Application Hotkeys

  • Attribute
    • Use hotkeys : Defines if the application will use hotkeys. When you enable this option, the old shortcut keys settings will be disabled.
    • Hotkeys template : Select the hotkey template from previously created.
    • Action : Selects the action that will be made when press the selected keybind.
    • Keybinding : Selects the keybinds that will be responsible for execute the chosen action.
    • Add “+” : Adds a new action in the keybind list.
    • Clear : Clears the selected hotkeys preference.

Options

Grid Options Grid Options

  • Attributes
    • Display Summary : Allows you to define if the Summary button is going to be displayed for each page.
    • Format Row Counter : Allows you to set the format that will displayed for the rows counter. Ex: [1 to 10 of 200]. You can define it manually or using the lang variable accessing the main menu “Project » Properties » Locales”
    • The number of links displayed : Allows you to set the amount of links per pages, when the page navigation option is enabled.
    • Jump to : Allows you to define the “jump to” option, if the page redirect is going to per page or record.
    • Records per page : Allows you to define which options of rows quantity will be displayed in the combo box. To enable the option to show all records use the option “all”. eg. 10,20,30, all
    • Toolbar buttons : Allows you to define the toolbar buttons display type, how the toolbar buttons will open. If it will open in modal (default) or in a DIV below the toolbar.

Toolbar Mobile

Positioning the mobile buttons Positioning the mobile buttons

Contains the same options as the Desktop version, adding only the item “Copy from Desktop”, on which, when clicked, it copies the items from the Desktop toolbar to the Mobile toolbar.