You are viewing an old version of this page. View the current version.
Compare with Current View Page History
« Previous Version 88 Next »
<attachment>
Adds a files attachment widget.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<attachment model="data.attachments"></attachment>
<button>
Use this attribute to add a button to your widget form. This element behavior is similar as React does.
<button event-click="window.s_widget_custom.showDropdown()"> Toggle dropdown </button>
<checkbox>
This element allows adding and configuring the checkbox field.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<modal model="data.modal" isShow="{data.isShow}" doClose="window.s_widget_custom.closeModal();"> <div class="crossCheckbox"> <div class="checkboxLabel">{data.onlyCrossedElements}</div> <checkbox id="crossCheckbox" class="checkbox disabledCheckbox" model="data.crossCheckbox" event-change="window.s_widget_custom.crossed()"></checkbox> </div> </modal>
<codemirror>
The element adds a text field with the code formatting.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<codemirror model="data.mirror"></codemirror>
<conditions>
Adds the condition builder widget.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
tableName | String | Connection with a table by its name |
tableId | Big Integer | Connection with a table by the ID |
<conditions model="data.conditions" tableName="itsm_incident" tableId="155964310500000569"></conditions>
<datetimeinput>
The element provides a data input of the datetime format.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
isMandatory | Boolean | This attribute is responsible for specifying whether this input field is mandatory or not. |
model | String | This attribute points to the client controller data object. |
beginDate | String | Specify a method of how the beginning date is defined. |
endDate | String | Specify a method of how the ending date is defined. |
<datetimeinput label="Date and Time" isMandatory="true" model="data.dueDate" beginDate="{data.beginDate} " endDate="{data.endDate}"></datetimeinput> //client script const beginDate = new Date(); const endDate = new Date(); beginDate.setDate(beginDate.getDate() - 30); endDate.setDate(endDate.getDate() + 30);
<daysofweek>
The element adds a field that allows selecting days of week.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<daysofweek model="data.daysofweek"></daysofweek>
<duration>
The tag adds a field counting the time duration.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<duration model="data.duration"></duration>
<htmlinput>
This widget adds an HTML input field with text formatting options.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<htmlinput label="Description" model="data.description" isMandatory="true"></htmlinput>
<modal>
A modal window solution.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
title | String | A modal window title. |
doClose | Function | Specify actions to perform after one of the predefined patterns is selected:
|
isShow | Boolean | If this attribute is equal to 'true', then the modal window is displayed. |
<modal model="data.modal" title="Modal Label" isShow="true" doClose: { "click": "runScript()" },>
<multiselect>
Provides multiple choice selection for widgets.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
values | String | Specify values for the selection |
options | String | Matches database values with what will be displayed. You can put as much options into drop-down menu as you need, but after the sixth one is placed, a vertical scroll appears. |
<multiselect model="data.values" values='["1", "2"]' options='[{"database_value":"","display_value":""},{"database_value":"1","display_value":"Первый"},{"database_value":"2","display_value":"Второй"}]'></multiselect>
<reference>
This element adds a reference field to a widget for establishing connections with data tables by a custom reference.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
tableName | String | Connection with a table by its name. |
condition | String | Specify a condition ID. |
isFixed | Boolean | When this attribute is equal to 'true', then the condition value cannot be changed. |
<reference label="Configuration Item" model="data.element" data-table="cmdb" isMandatory="true" condition="{data.condition}"></reference>
<report>
Add this SimpleTag to display a particular report.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
reportId | String | Specify the report with the appropriate ID to display. |
condition | String | Specify a condition to build a report. |
When placing two or more conditions into the condition string, merge them with the carat symbol ( ^ ). The condition syntax will look like this:
Condition word | Notation | Example |
---|---|---|
AND | ^ | assignee=john.doe^state=active |
OR | ^OR | impact=high^ORurgency=high |
To know more about possible condition operators, please refer to the Condition Operators article.
The
<report reportId="123456789012345678" condition="(group=helpdesk^ORstate=active)"/>
<select>
A field that allows selecting items.
The following attribute is applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
options | String | This field type matches database values with what will be displayed |
<select label="Class" isMandatory="true" model="data.class" options='[{"database_value":"","display_value":""},{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'></select>
<string>
In a widget, use this attribute to designate an input field for text information. The element is similar to the react component:
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<string model="data.input"></string>
<textarea>
A multi-line text field.
The following attributes are applicable:
Attribute | Type | Description |
---|---|---|
model | String | This attribute points to the client controller data object. |
<textarea label="Name" value="" name="name" model="data.name"></textarea> <textarea label="Description" value="" name="description" model="data.description"></textarea>
- No labels