Signature

Configuración General

Configuration Interface of the Signature Field.

The signature field will help you creating more sofisticated forms and making it possible to store signatures in your database. Inside our development environment we have specific settings that will help you to customize your field, those options are:

• Data Type : You can define the type of field for the application. When it is defined as a text, it accepts letters, numbers and special characters.

• Label : Lets you define a label to the field in the application. For example: if the field is defined in the database as cmp_name_client, it will be easier to the user understand if the name is “Client Name”.

• Label below field : Defines the message to be displayed below the field.

• Background color : Defines a color to the field background by using a valid hexadecimal color value or by choosing a color from the color palette.
• Pen color: Set a color to the pen by using a valid hexadecimal color value or by choosing a color from the color palette.
• Width : Lets you define a width to the field.
• Height : Set a height to the field.
• Subtitle : Defines the subtitle that will be displayed beside the field.
• Initial Value : Lets you define the initial value for the field when in insert mode. The options are:
  • Defined Value : The field will receive the value from the text field of the defined value option.
• Save Variable : Save a variable in the session with the value of the field, that can be used in other applications. For example, in the login form the user name can be saved in the session so that it can be displayed on the header of other applications.
• Variable Name : Set the name for the session variable that will receive the field value.
• Disabled Field : Define if the field will be disabled in “Insert Mode”, “Update Mode” or in “Insert and Update Mode”.
• HTML Type : Displays the HTML Object that will be used to display the field in the form.
• SQL Type : Displays the data type of field in the database.

Configuración de Visualización

You can set CSS values ​​for the field individually. Thus, for example, you can highlight one field of the others in the application. As CSS field properties, when changed, they are added to a class created automatically by ScriptCase for each application field.

Individual field CSS settings, when inserted, override theme settings (CSS of applications (Themes)) selected for application.

The settings are divided into three property blocks, these blocks are:

CSS of Title

This makes it possible to change the CSS properties of the field’s Label.

In the example below, You can see the difference of field title configurations. While the field Contactname have the same formatting, inherits the theme of the application, the field Contacttitle have a different formation of of others, from the changes made in the CSS of the field.

CSS of field

Changes the CSS properties of the <td> where the input object (where the user enters data for insertion into a form) is positioned. In the image below, you can see where the change is applied.

Field Contacttitle with changes to Field CSS properties, changing background color and horizontal alignment

CSS of Input object

Changes the CSS properties in the Input of field object, where the user type the data in a form.

Field with changes to CSS properties of Input Object, changing background color and input source color

CSS properties

The available configuration options are basically the same for each of the configuration blocks above.

description of available configuration attributes

Font

Changes the font of the text according to the fonts selected using the font-family property.

In this option, some types of fonts are provided to you (as shown below).

Font Size

Changes the font size of the text using the property font-size in the field class.

You need to select the available value from our list, the measure used for this property is the pixel.

Font Color

Define the font color used by the property color in the field class.

Background color

Define the background color using the property background-color in the field class.

The colors that will be used in the two color properties listed above, Font color and Background color, can be entered via the color palette - - available next to the field or manually entered values ​​in the accepted formats that are: Hexadecimal, RGB, RGBA, HSL, HSLA or o Color name.

Color palette
By clicking on the color palette icon - - next to the field, a window will open with some default colors.

When you select one of the colors, a value in hexadecimal format (HEX) will be entered, representing the chosen color.

Hexadecimal
Acronym for hexadecimal, this code is composed of the pound sign (#) plus six digits. The first two define the intensity of the color red, the middle two are green and the last two are blue.

Bold

Applies bold style to the font.

Underline

Lets you apply the underlined style to the font.

Border style

Defines the border font style.

Border Collapse

Defines the border collapse.

Border size

Changes the size of the title border.

Border color

Chooses the border color , using a color palette to apply to the title.

Horizontal alignment

Position the filter label at desired location (left,rigth,center e justify).

Vertical alignment

Position the label of the filter in the wanted location baseline, sub, super, top, text-top, middle, bottom, text-bottom).

Not available in Input Object CSS

Width

To set the width of the title.

Height

To set the height of the title.