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 is rendered into HTML 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:

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.

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. 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.

 The possible values of this property are True or False and to set the value, you can do one of the following:

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:

<div id="wtcontainer13903" style="display: none">

Setting a Container's Display property to false, is equivalent to specifying a "display:none" style in the extended properties.

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:

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.

See Also

Apply Web Styles | Widgets