Feedback

Buttons

In addition to the buttons that comes automatically with the applications, you can also create your own buttons. All the buttons are displayed within the application toolbar.

New buttons creation settings New buttons creation settings

Creating a new button

To create a new button, click on the “New Button” option and enter a name and a button type.

The button Types are: JavaScript, PHP, Link and Run.

Grid buttons type Grid buttons type

Deleting a button

To delete a button click on Delete icon (represented by a recycle bin image) in the right of the button name, at the application menu under the Buttons option.

Deleting a button Deleting a button

JavaScript

Display Mode

You can configure the display mode of the javascript button in Image, Button or Link.

Button

Setting up the Button Display mode for the javascript button. Setting up Javascript Button.

Display Mode You can select the display mode for the javascript button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Type Description of the created button.

Image

Setting up the Image Display mode for the javascript button. Setting up Javascript Button.

Display Mode You can select the display mode for the javascript button in this option.
Icon Allows you to inform the icon that will be displayed on the button while the execution of the application.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Type Description of the created button.

Setting up the Link Display mode for the javascript button. Setting up Javascript Button.

Display Mode You can select the display mode for the ajax button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
CSS Style Name of the CSS class, style created in the layout editor.
Type Description of the created button.

Code Block

javascript Button code block. Javascript button coding block.

In this block, only JavaScript is accepted.

PHP

Display Mode

You can configure the display mode of the PHP button in Image, Button or Link.

Button

Setting up the Button Display mode for the PHP button. Setting up PHP Button.

Display Mode You can select the display mode for the link button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Reload quantity of records This option is used to update the amount of records in the application.
Type Description of the created button.
Target Defines the window destination where the code will run (Open in the same Window, Open in another Window, Modal).

Image

Setting up the Image Display mode for the PHP button. Setting up PHP Button.

Display Mode You can select the display mode for the link button in this option.
Icon Allows you to inform the icon that will be displayed on the button while the execution of the application.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Reload quantity of records This option is used to update the amount of records in the application.
Type Description of the created button.
Target Defines the window destination where the code will run (Open in the same Window, Open in another Window, Modal).

Setting up the Link Display mode for the PHP button. Setting up PHP Button.

Display Mode You can select the display mode for the link button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
CSS Style Name of the CSS class, style created in the layout editor.
Reload quantity of records This option is used to update the amount of records in the application.
Type Description of the created button.
Target Defines the window destination where the code will run (Open in the same Window, Open in another Window, Modal).

Code Block

PHP Button code block. *Ajax button coding block. *

In this block, you can use macros, PHP code and JavaScript.

Link Button

Display Mode

You can configure the display mode of the link button in Image, Button or Link.

Button

Setting up the Button Display mode for the link button. Setting up Link Button.

Display Mode You can select the display mode for the link button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Type Description of the created button.

Image

Setting up the Image Display mode for the link button. Setting up Link Button.

Display Mode You can select the display mode for the link button in this option.
Icon Allows you to inform the icon that will be displayed on the button while the execution of the application.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
Type Description of the created button.

Setting up the Link Display mode for the link button. Setting up link Button.

Display Mode You can select the display mode for the ajax button in this option.
Label Text of the button that will be display in the application while executing.
Hint Hint message for the button. (Displayed when the mouse hovers the button).
Confirmation Message Displays a confirmation message when the button is clicked. If not informed this is not informed, no message will appear.
CSS Style Name of the CSS class, style created in the layout editor.
Type Description of the created button.
  • Selecting the applications

Choosing the application for the button link. Choosing the application for the button link.

You should select an application to be called from the button link.

  • Link Parameters

Choosing the parameters for the button link. Choosing the parameters for the button link.

Field Allows you to use an existing field from the current application as a parameter for the link.
Variable Allows you to use a global variable from the current application as a parameter for the link.
Fixed Allows you to inform a fixed value as a parameter for the link.
Empty No value will be passed as a parameter for the link.
  • Link Properties ( Grid )

Configuring the properties for the link button. Configuring the properties for the link button when the destined application is a Grid.

Link Operation Mode How the link will open (Open in the same Window, Open in another Window, Modal ).
Exit URL for the target application URL or an application that be redirect to when exiting the Grid application.
Initial Mode Allows you to define the initial mode of the grid application ( Search or Grid ).
Number of Lines Allows you to define the amount of lines displayed in the Grid.
Number of Columns Allows you to define the amount of columns displayed in the Grid.
Paging Enable the paging in the Grid.
Display Header Enable the Grid Header.
Active Navigation Buttons Enable the navigation button (First, Back, Next and Last) in the Grid.
  • Link Properties ( Form )

Configuring the properties for the link button. Configuring the properties for the link button when the destined application is a Form.

Link Operation Mode How the link will open (Open in the same Window, Open in another Window, Modal ).
Exit URL for the target application URL or an application that be redirect to when exiting the Form application.
Enable insert button on target application Enable the “New” button in the Form Application.
Enable update button on target application Enable the “Update” button in the Form Application.
Enable delete button on target application Enable the “Delete” button in the Form Application.
Enable navigation button on target application Enable the navigation button (First, Back, Next and Last) in the Form.
Enable button to edit a grid record Enable the buttons that allow you to edit the records of a Grid

RUN

Display options

We can configure Run Button display as Link, Image or Button:

Button

Grid's Run Button settings - Button type Grid’s Run Button settings - Button type

Display Mode Combo box to select the button display option, you can choose button, image or link.
Label Application button title (text that will be displayed for the button within the application)
Hint Using this option you can set a message for the button hint
Confirmation Message Using this option you can set a confirmation message that will be displayed when the button is pressed. Leave it empty if you don’t need to display a message.
CSS Style CSS for the the button, if you do not change this option Scriptcase will apply the default application/project CSS. You can customize the buttons’ CSS using the option within the main menu “Layout » CSS Buttons”
Reload quantity of records Option used to update the amount of application records.
Type Button type description.
Target This option allows you to set the target window where you will run the button code (the same window, other window, modal)

Image

Grid's Run Button settings - Image type Grid’s Run Button settings - Image type

Display Mode Combo box to select the button display option, you can choose image, button or link.
Icon Button display icon. You can use this option to select an image (from Scriptcase images or from you computer) to represents the button within the application toolbar.
Hint Using this option you can set a message for the button hint
Confirmation Message Using this option you can set a confirmation message that will be displayed when the button is pressed. Leave it empty if you don’t need to display a message.
Reload quantity of records Option used to update the amount of application records.
Tipo Button type description.
Target This option allows you to set the target window where you will run the button code (the same window, other window, modal)

Grid's Run Button settings - Link type Grid’s Run Button settings - Link type

Display Mode Combo box to select the button display option, you can choose link, button or image.
Label Text that will be displayed on the button (on running application).
Hint Application button title (text that will be displayed for the button within the application)
Confirmation Message Using this option you can set a confirmation message that will be displayed when the button is pressed. Leave it empty if you don’t need to display a message.
CSS Style CSS class name, style created in the theme buttons editor .
Reload quantity of records Option used to update the amount of application records.
Type Button type description.
Target This option allows you to set the target window where you will run the button code (the same window, other window, modal)

Coding Area

Grid's Run Button settings - Coding area Grid’s Run Button settings - Coding area

  • There are two types of events in the Run button

    • OnRecord : Runs after processing on each record selected.
    • OnFinish : Runs after processing all records selected.

In this coding area you can use Scriptcase Macros, PHP and JavaScript.