Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

When creating a widget, define its form, fields, and behavior using the template elements to specify the widget view and the way it is displayed with HTML and Widget Attributes. The widget template also allows end-users to enter data and interact with it. You can apply HTML tags to add and control elements such as buttons and various types of fields.  

<activityfeed>

description goes here

Code Block
languagexml
titleExample
linenumberstrue
<activityfeed table_name="itsm_incident" 
sys_id="157322330317307618"></activityfeed>

<authfull> ON HOLD

An Authorisation widget component that contains full functionality of the user authorization including form of registration.

The following attributes are applicable:

Регистрация (булево, ложь)
Переключение языков (булево, верно)
Логотип (указание на изображения из галереи)
Запомнить меня (булево, ложь)
Восстановление пароля (булево, ложь)
Настраиваемая валидация данных в строке с именем пользователя
Настраиваемая валидация данных в строке с пароле
Code Block
there was text here. it's gone now.

<authheader>

Компонент авторизации для хэдера (если авторизован, показывает твой аватар и имя, если нет,
то предлагает залогинится)
Code Block
there was text here. it's gone now.

<breadcrumbs>

A Breadcrumbs widget component that displays a navigation chain trailing user activity.

This widget uses the object recieved from the server script to build the breadcrumbs chain with the format below:

{sys_id, title, url}.
Code Block
there was text here. it's gone now.

<card>

* img - Иконка (svg) не ссылка, а код svg
* url - Ссылка на которую перейдем при клике на карточку
* name - Заголовок
* short_description - Описание
* button_name - Текст на кнопке
Code Block
languagexml
titleExample
linenumberstrue
<getlist table_name="sys_service_portal">
<card></card>
</getlist>

<dropdown_widget>

Виджет выпадающего списк (оберка)
Code Block
languagexml
titleExample
linenumberstrue
<dropdown_widget id="some_dd_id"> 
	<button event-click="window.s_widget_custom.showDropdown()">
	Toggle dropdown
	</button> 
	<dropdown_widget_items> 
		<span event-click="window.s_widget_custom.alert()">
		Test 1
		</span> 
		<span>
		<a href="/test" target="_blank">Test 2</a>
		</span> 
	</dropdown_widget_items> 
</dropdown_widget>

<dropdown_widget_items>

Виджет выпадающего списк (сам выпадающий список)
Code Block
languagexml
titleExample
linenumberstrue
<dropdown_widget_items> 
	<span event-click="window.s_widget_custom.alert()">
	Test 1
	</span> 
	<span>
	<a href="/test" target="_blank">Test 2</a>
	</span> 
</dropdown_widget_items>

<news>

Displays a newsfeed or announcement list that is generated by the data object recieved from the server script.

The tag requires the following object format:

{sys_id, subject, announcement_type, sys_created_at},

with the attributes below:

  • sys_id - an ID of the form.
  • subject - an announcement message text.
  • announcement_type - a category of an announcement.
  • sys_created_at  - a date of the announcement was created.
Code Block
languagexml
titleExample
linenumberstrue
<news model="[{ "sys_id": "159038766612804355", "subject": "test subject", "announcement_type": "1", "sys_created_at": "2020-03-04 00:00:00" },
{ "sys_id": "148038977612804360", "subject": "test subject 2", "announcement_type": "2", "sys_created_at": "2020-01-20 00:00:00" }]"></news>

<search>

A Search widget component responsible for search functionality. Configure this SimpleTag with the following attributes:

  • search_url - a URL suffix.
  • show_title - a boolean-type attribute with possible true or false values. It is responsible for title displaying.
  • size - specifies the title size with the lg (large) or sm (small) values.
  • greeting - a message shown to a user.
  • placeholder - text inside the search field.
Code Block
languagexml
titleExample
linenumberstrue
<search search_url=‘/search’ show_title=true size=‘lg’ greeting=‘hello’ placeholder=‘Enter text here’/>
Table of ContentsclassfixedPosition