Internally the widgets of your application module are translated, at runtime, into HTML tags according to the definition of the widget. This information might be relevant if you want to add JavaScript functions that need to handle these HTML objects.

Some widgets are translated differently in HTML depending on the screen rendering mode of the module.

HTML Tags for XHTML Transitional and HTML 5 Screen Rendering Modes

 The widgets are translated into the following HTML tags:

Button

<input type="submit" id="widget id" [disabled="disabled"] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

The special class Is_Default is added to the input class attribute when the Is_Default property of the widget is true.

Cell

<td [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Check Box

<input type="checkbox" id="widget id" [checked="checked"] [disabled="disabled"] extended properties>

The checked attribute is added if check box is checked and the disabled attribute is added if the Enabled property of the widget is false.

ComboBox

<select id="widget id" [disabled="disabled"] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

Container

<div [id="widget id"] extended properties>

If the widget has no name, the id attribute is removed.

Edit Record

<table id="widget id" extended properties>

Within the Edit Record table, the special class MandatoryValue is added to all cells that hold mandatory attributes. Likewise the special class MandatoryCaption is added.

Editable Table

<table id="widget id" extended properties>

Within the Editable Table, the special class RowWithAddAction is added to contain the row where you can add a new record.

Expression

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Form

<div id="widget id" extended properties>

If the 'Is Editable' property of the Form widget is True, the special class SmartInput_Undo is added to enable the user to undo changes.

If

No representation in HTML.

Image

<img  id="widget id" extended properties>

Input Password

<input type="password" id="widget id" size="<Width property>" maxlength="<Max. Length property>" [readonly="readonly"] extended properties>

The readonly attribute is added if the Enabled property of the widget is false.

The special class Mandatory is added to the input class attribute when the Mandatory property of the widget is true.

The special class Not_Valid  is added to the input class attribute when the Valid runtime property of the widget is false.

Input

The translated HTML depends on the Height property:

Height = 1

<input type="text" id="widget id" maxlength="<MaxLength property>" size="<Width property>" [readonly="readonly"] extended properties>

Height > 1

<textarea id="widget id" rows="<Height property>" cols="<Width property>" [readonly="readonly"] extended properties>

The readonly attribute is added if the Enabled property of the widget is false.

The special class Mandatory is added to the input class attribute when the Mandatory property of the widget is true.

The special class Not_Valid is added to the input class attribute when the Valid runtime property of the widget is false.

Label

<label id="widget id" for="<Target Input property>"><Text property></label>

Link

<a id="widget id" title="<Title property>" [disabled="disabled"] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

The special class Is_Default is added to the input class attribute when the Is_Default property of the widget is true.

List Box

<select [multiple="multiple"] [disabled="disabled"] extended properties>

The multiple attribute is added if the Selection Mode property is Multiple also, the disabled attribute is added if the Enabled property of the widget is false

List Records

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Radio Button

<input type="radio" id="widget id" [disabled="disabled"] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

Row

<tr [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Show Record

<table id="widget id" extended properties>

Table

<table [id ="widget id"]  extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Table Records

<table id="widget id" extended properties>

Text

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Upload

<input type="file" id="widget id" size="<Width property>" [disabled="disabled"] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

HTML Tags for Quirks Screen Rendering Mode

Button

<input type="submit" id="widget id" [disabled] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

The special class Is_Default is added to the input class attribute when the Is_Default property of the widget is true.

Cell

<td [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Check Box

<input type="checkbox" id="widget id" [checked] [disabled] extended properties>

The checked attribute is added if check box is checked and the disabled attribute is added if the Enabled property of the widget is false.

ComboBox

<select id="widget id" [disabled] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

Container

<div [id="widget id"] extended properties>

If the widget has no name, the id attribute is removed.

Edit Record

<table id="widget id" extended properties>

Within the Edit Record table, the special class MandatoryValue is added to all cells that hold mandatory attributes. Likewise the special class MandatoryCaption is added.

Editable Table

<table id="widget id" extended properties>

Within the Editable Table, the special class RowWithAddAction is added to contain the row where you can add a new record.

Expression

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Form

<div id="widget id" extended properties>

If the 'Is Editable' property of the Form widget is True, the special class SmartInput_Undo is added to enable the user to undo changes.

If

No representation in HTML.

Image

<img  id="widget id" extended properties>

Input Password

<input type="password" id="widget id" size="<Width property>" maxlength="<Max. Length property>" [readonly] extended properties>

The readonly attribute is added if the Enabled property of the widget is false.

The special class Mandatory is added to the input class attribute when the Mandatory property of the widget is true.

The special class Not_Valid  is added to the input class attribute when the Valid runtime property of the widget is false.

Input

The translated HTML depends on the Height property:

Height = 1

<input type="text" id="widget id" maxlength="<MaxLength property>" size="<Width property>" [readonly] extended properties>

Height > 1

<textarea id="widget id" rows="<Height property>" cols="<Width property>" [readonly] extended properties>

The readonly attribute is added if the Enabled property of the widget is false.

The special class Mandatory is added to the input class attribute when the Mandatory property of the widget is true.

The special class Not_Valid is added to the input class attribute when the Valid runtime property of the widget is false.

Link

<a id="widget id" title="<Title property>" [disabled] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

The special class Is_Default is added to the input class attribute when the Is_Default property of the widget is true.

List Box

<select [multiple] [disabled] extended properties>

The multiple attribute is added if the Selection Mode property is Multiple also, the disabled attribute is added if the Enabled property of the widget is false

List Records

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Radio Button

<input type="radio" id="widget id" [disabled] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

Row

<td [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Show Record

<table id="widget id" extended properties>

Table

<table [id ="widget id"]  extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed.

Table Records

<table id="widget id" extended properties>

Text

<span [id="widget id"] extended properties>

If the widget has no name and there are no extended properties, the id attribute is removed. Ultimately, if no other attributes are required, the span tag is also removed.

Upload

<input type="file" id="widget id" size="<Width property>" [disabled] extended properties>

The disabled attribute is added if the Enabled property of the widget is false.

Most of the widgets have style properties. These styles are translated into HTML class attributes for HTML elements. The layout of all HTML classes (e.g. Mandatory) can be customized.

Id of HTML tags

Please consider the following issues regarding both the HTML id attribute and the widget runtime property Id, in this topic called widget id:

See Also

Widgets | Adding Java Script