You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 67 Next »

When creating a widget, define its form, fields, and its behaviour by using the template elements to specify the way it displays with HTML and Widget Attributes. Widget templates also allow end-users to input data and interact with it. Apply HTML tags and React components to add and control elements such as buttons and various types of fields. 



<attachment>

Adds a widget that allows attaching files to a record.

Example
<attachment model="data.attachments"></attachment>



<button>

Use this attribute to add a button to your widget form. The element is similar to the React component.

Example
<button event-click="window.s_widget_custom.showDropdown()">
	Toggle dropdown
</button> 


<checkbox>

This element allows adding and configuring the checkbox field.

Example
<checkbox model='data.check'></checkbox>



<codemirror>

The element adds a text field with the code formatting.

Example
<codemirror model="data.mirror"></codemirror>



<conditions>

A condition type of field.

The following attributes are applicable:

  1. data-table - connection with a table by its name.
  2. data-table_id - connection with a table by the ID.
Example
<conditions model="data.conditions" 
data-table="itsm_incident" 
data-table_id="155964310500000569">
</conditions>



<datetimeinput>

The element provides a data input of the datetime format. 

Example
<datetimeinput model="data.datetime">



<daysofweek>

The element adds a field that allows selecting days of week.

Example
<daysofweek model="data.daysofweek"></daysofweek>



<duration>

The tag adds a field counting the time duration.

Example
<duration model="data.duration"></duration>



<htmlinput>

Text input field in html format along with text formatting options.

Example
<htmlinput model="data.htmlinput"></htmlinput>



<modal> !!

A modal window solution.

The following attributes are applicable:

  • title -
  • isShow -
Example
<modal model="data.modal" title="Modal Label" isShow="true">



<multiselect>

Provides multiple choice selection for widgets.

The following attributes are applicable:

  • values - specify values for the selection.
  • options - matches database values with what will be displayed.
Example
<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:

  • data-table -
  • condition -
  • isFixed -
Example
<reference model="data.element" data-table="cmdb" condition="(sys_id=123456789012345678)" isFixed="true"></reference>



<report>

Add this SimpleTag to display a particular report.

Specify the reportID attribute of this element to display the report with the appropriate ID.

Example
<report reportid="123456789012345678"/>



<select>

A field that allows selecting items.

The following attributes are applicable:

  • options - matches database values with what will be displayed.
Example
<select model="data.select" 
options='[{ "database_value": "1", "display_value": "Test" },
 { "database_value": "2", "display_value": "Test 2" }]'>
</select>



<stringinput>

In a widget, use this attribute to designate an input field for text information. The element is similar to the react component:

Example
<stringinput model="data.input"></stringinput>



<textarea>

A multi-line text field. The element is similar to the react component:

Example
<textarea model="data.textarea"></textarea>

  • No labels