Layout of Widgets

Most of the widgets have specific properties that affect the layout of the widgets in the Web browser in your web screens.

Styles

You can apply styles to almost all the widgets in your web screen. See how to apply styles.

Visible

You can specify if the widget belongs to the rendered HTML page or not, by setting the Visible property. The possible values of this property are True or False and to set the value, you can do one of the following:

Type directly true or false;
Use a variable. If the variable is not of Boolean type, Service Studio displays you an error message is presented and the eSpace is not valid (An eSpace is valid when all expressions are correctly defined and the TrueChange operation issues no errors.).
Launch Expression editor and use an expression.

When this property is set to False, the widget is not presented to the end-user due to the fact that is does not exist at all. If you view the source code of the HTML page, in the Web browser, the correspondent HTML tag does not exist.

If, instead of not including the widget, you only want to hide it from the end-user but include the correspondent HTML tag in the source code, either you place it inside a Container widget and set to False its Display property (see below), or you set the Visible property to True and add the following extended property:

This feature is useful when you don't want to display the widget to the end-user but you need it in, for example, a JavaScript function.

Display

When using Container widgets, you can specify if they're to be hidden or not in the HTML rendered page, by setting their Display property. The possible values of this property are True or False and to set the value, you can do one of the following:

Type directly true or false;
Use a variable. If the variable is not of Boolean type, Service Studio displays you an error message is presented and the eSpace is not valid (An eSpace is valid when all expressions are correctly defined and the TrueChange operation issues no errors.).
Launch Expression editor and use an expression.

When this property is False in runtime, the widget is not presented to the end-user due to the fact that display:none has been appended to the style of the correspondent HTML tag. If you view the source code of the HTML page, in the Web browser, the correspondent HTML tag is something like the following example:

Enabled

You can specify if the end-user can interact with the widget and change the value of the variable associated to the widget, by setting the Enabled property. The possible values of this property are True or False and to set the value, you can do one of the following:

Type directly true or false;
Use a variable. If the variable is not of Boolean type, Service Studio displays you an error message is presented and the eSpace is not valid (An eSpace is valid when all expressions are correctly defined and the TrueChange operation issues no errors.).
Launch Expression editor and use an expression.

The layout of the widget that is presented to the end-user depends on the Web browser and on the widget, but, when the Enabled property is set to False, the end-user is always prevented of editing the widget.