push ru help
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m55s

This commit is contained in:
2025-05-28 05:24:40 +04:00
parent 0113fb8289
commit 041abbbd24
4459 changed files with 121310 additions and 86248 deletions

View File

@ -1,19 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ru">
<head>
<title>Designer tabs</title>
<title>Вкладки дизайнера</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="In the interface designer, you can work on the Template, Context, Scripts, History, Settings, and Files tabs." />
<meta name="description" content="В дизайнере интерфейсов вы можете работать на вкладках Шаблон, Контекст, Скрипты, История, Настройки и Файлы." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@ -23,6 +24,7 @@
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
@ -34,16 +36,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -63,7 +65,7 @@
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
</div>
@ -78,8 +80,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -92,15 +94,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Low-code designer &gt; <a href="interface_settings.html">Set up interfaces</a> / Designer tabs</p>
<p>Low-code дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> / Вкладки дизайнера</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Designer tabs</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Вкладки дизайнера</span></h1>
</div>
</header>
@ -109,79 +111,84 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.20; margin: 0 0 11px 0;">In the interface designer, you can work on the <span style="font-weight: bold;">Template</span>, <span style="font-weight: bold;">Context</span>, <span style="font-weight: bold;">Scripts</span>, <span style="font-weight: bold;">History</span>, <span style="font-weight: bold;">Settings</span>, and <span style="font-weight: bold;">Files</span> tabs.</p>
<h2 class="p_Heading2"><a id="template" class="hmanchor"></a><span class="f_Heading2">Template tab</span></h2>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">On the <span style="font-weight: bold;">Template</span> tab, you will fill the interface with widgets and customize the appearance of pages and forms.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">To add a widget, drag it to the modeling canvas and customize it. You can use <span style="color: #0000ff;"><a href="tabs.html" class="topiclink">standard widgets</a></span>, and you can also create your own <span style="color: #0000ff;"><a href="user_widgets.html" class="topiclink">custom widgets</a></span>.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">Standard widgets are grouped by type. Depending on what item of the system you are customizing, a page or a form, you will have a specific set of widgets available to you. For example, you cannot add widgets intended for the form sidebar to pages. Forms, on the other hand, cannot have widgets intended for pages.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">To create a custom widget, combine the standard widgets with each other. For example, you can add a <span style="font-weight: bold;">Panel with header</span>, place <span style="font-weight: bold;">Columns</span> in it, and in one of the columns add a <span style="font-weight: bold;">Table</span> with a report. Save the widget, and you can use it later when customizing other interfaces.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">To learn how to place widgets on the canvas, see the <span style="color: #0000ff;"><a href="360027211631.html" class="topiclink">Add a widget to a page</a></span> and <span style="color: #0000ff;"><a href="360029250931.html#addingawidgettothetemplate" class="topiclink">Form templates</a></span> articles.</p>
<h2 class="p_Heading2"><a id="context" class="hmanchor"></a><span class="f_Heading2">Context tab</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">On the <span style="font-weight: bold;">Context</span> tab, you can add properties that can be placed on the modeling field and used in scripts. To create a property, click <span style="font-weight: bold;">+Add</span> and specify its parameters. Read more about properties and how to add them in the <span style="color: #0000ff;"><a href="360028941112.html" class="topiclink">Context tab</a></span>, <span style="color: #0000ff;"><a href="360009707032.html" class="topiclink">System data types</a></span>, and <span style="color: #0000ff;"><a href="context_types.html" class="topiclink">Context types</a></span> articles.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="designer-tabs-02" width="798" height="174" style="margin:0;width:798px;height:174px;border:none" src="designer-tabs-02.png"/></p>
<h2 class="p_Heading2"><a id="scripts" class="hmanchor"></a><span class="f_Heading2">Scripts tab</span></h2>
<p style="line-height: 1.20; margin: 0 0 11px 0;">On this tab, you can write scripts for data processing to use them in widget settings. For example, you can use a script to display current exchange rates on the page or create a page header that will change depending on the current date.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">You can also customize the behavior of widgets, for example, to show a popup window when the user hovers over a certain area of a form or page. Read more about it in the <span style="color: #0000ff;"><a href="client_server_scripts.html" class="topiclink">Scripts in widgets</a></span> article.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="designer-tabs-2" width="907" height="462" style="margin:0;width:907px;height:462px;border:none" src="designer-tabs-2.png"/></p>
<h2 class="p_Heading2"><a id="history" class="hmanchor"></a><span class="f_Heading2">History tab</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">On this tab, you can view all published versions of the interface with the author, time, and comments left during publication. The list will also show versions that have been <a href="designer-tabs.html#unpublish" class="topiclink">unpublished</a>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="designer-tabs-01" width="818" height="228" style="margin:0;width:818px;height:228px;border:none" src="designer-tabs-01.png"/></p>
<h3 class="p_Heading3"><a id="restore" class="hmanchor"></a><span class="f_Heading3">Restore a previous version</span></h3>
<p style="line-height: 1.20; margin: 0 0 11px 0;">You can restore any previously published version of the interface. To do this, select it in the list, click the <span style="font-weight: bold;">Apply Version</span> button in the upper right corner of the page, and confirm the action.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">The settings of the selected version will be applied to the current draft of the interface opened on the <span style="font-weight: bold;">Template</span> tab. All saved but not published changes will be lost.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">You can edit the restored version of the form or page, and change the layout or widget settings. To apply the interface and allow users to access it, click the <span style="font-weight: bold;">Save</span> and <span style="font-weight: bold;">Publish</span> buttons on the top panel of the designer again.</p>
<h3 class="p_Heading3"><a id="unpublish" class="hmanchor"></a><span class="f_Heading3">Unpublish a version</span></h3>
<p style="line-height: 1.20; margin: 0 0 11px 0;">To avoid scripting a previous version of the interface or to prevent applying a version with an error, you can unpublish it. To do this, select the version in the list and click <span style="font-weight: bold;">Unpublish</span> in the top right corner of the page.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">You can also unpublish all previous versions of the interface while <a href="interface_designer.html#unpublish" class="topiclink">publishing a new version</a>.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">If you want to restore an unpublished version, select it from the list, and in the upper right corner of the page click the <span style="font-weight: bold;">Restore publication</span> button that appears.</p>
<h2 class="p_Heading2"><a id="settings" class="hmanchor"></a><span class="f_Heading2">Settings tab</span></h2>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">On this tab, you can:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">В дизайнере интерфейсов вы можете работать на вкладках <span style="font-weight: bold;">Шаблон</span>, <span style="font-weight: bold;">Контекст</span>, <span style="font-weight: bold;">Скрипты</span>, <span style="font-weight: bold;">История</span>, <span style="font-weight: bold;">Настройки</span> и <span style="font-weight: bold;">Файлы</span>.</p>
<h2 class="p_Heading2"><a id="template-tab" class="hmanchor"></a><span class="f_Heading2">Вкладка «Шаблон»</span></h2>
<p>На вкладке <span style="font-weight: bold;">Шаблон</span> вы<span style="font-weight: bold;"> </span>будете наполнять интерфейс виджетами и настраивать внешний вид страниц и форм.</p>
<p>Чтобы добавить виджет, перетащите его на поле для моделирования и настройте. Вы можете использовать <a href="tabs.html" class="topiclink">стандартные виджеты</a>, а также создавать свои собственные — <a href="user_widgets.html" class="topiclink">пользовательские виджеты</a>.</p>
<p>Стандартные виджеты группируются по типам. В зависимости от того, какой элемент системы вы настраиваете, страницу или форму, вам будет доступен определенный набор виджетов. Например, на страницы нельзя добавить виджеты для боковой панели формы. На формы, в свою очередь, нельзя добавить виджеты для страниц.</p>
<p>Чтобы создать пользовательский виджет, комбинируйте стандартные виджеты между собой. Например, вы можете добавить <span style="font-weight: bold;">Панель с заголовком</span>, в ней разместить <span style="font-weight: bold;">Колонки</span>, а в одну из колонок добавить <span style="font-weight: bold;">Таблицу</span> с отчётом. Сохраните виджет, и в дальнейшем вы сможете использовать его при настройке других интерфейсов.</p>
<p>О том, как разместить виджет, читайте в статьях <a href="360027211631.html" class="topiclink">«Добавление виджета на страницу»</a> и <a href="360029250931.html#add-widget" class="topiclink">«Шаблон формы»</a>.</p>
<h2 class="p_Heading2"><a id="context-tab" class="hmanchor"></a><span class="f_Heading2">Вкладка «Контекст»</span></h2>
<p>На вкладке <span style="font-weight: bold;">Контекст</span> добавляются свойства, которые можно выносить на поле для моделирования, а также использовать при написании скриптов. Чтобы создать свойство, нажмите кнопку <span style="font-weight: bold;">+ Добавить</span> и укажите его параметры. Подробнее о свойствах и о том, как их добавлять, читайте в статьях: <a href="360028941112.html" class="topiclink">«Вкладка „Контекст“»</a>, <a href="360009707032.html" class="topiclink">«Типы данных в системе»</a>, <a href="context_types.html" class="topiclink">«Типы контекста»</a>.</p>
<p style="margin: 7px 0 16px 0;"><img alt="interface-designer-2" width="809" height="242" style="margin:0;width:809px;height:242px;border:none" src="interface-designer-2.png"/></p>
<h2 class="p_Heading2"><a id="script-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Скрипты»</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">На этой вкладке вы можете написать скрипты для обработки данных, чтобы в дальнейшем использовать их в настройках виджетов. Например, при помощи скрипта можно отображать на странице актуальные курсы валют или создать заголовок страницы, который будет изменяться в зависимости от текущей даты.</p>
<p style="margin: 0 0 11px 0;">Также вы можете настроить поведение виджетов, например, показать всплывающее окно при наведении курсора на определённую область формы или страницы. Подробнее об этом читайте в статье <a href="client_server_scripts.html" class="topiclink">«Скрипты в виджетах»</a>.</p>
<p class="p_Normal"><img alt="interface-designer-3" width="907" height="431" style="margin:0;width:907px;height:431px;border:none" src="interface-designer-3.png"/></p>
<h2 class="p_Heading2"><a id="history-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«История»</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">На этой вкладке можно просмотреть все опубликованные версии интерфейса с указанием автора, времени и комментария, оставленного при публикации. Также в списке отобразятся <a href="designer-tabs.html#unpublish" class="topiclink">снятые с публикации версии</a>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-designer-4" width="1030" height="248" style="margin:0;width:1030px;height:248px;border:none" src="interface-designer-4.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Восстановить предыдущую версию</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Вы можете восстановить любую предыдущую опубликованную версию интерфейса. Для этого выберите её в списке, нажмите кнопку <span style="font-weight: bold;">Применить версию</span> в правом верхнем углу страницы и подтвердите действие.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Настройки выбранной версии применятся к текущему черновику интерфейса, открытому на вкладке <span style="font-weight: bold;">Шаблон</span>. Все сохранённые, но не опубликованные изменения будут утеряны.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Вы можете отредактировать восстановленную версию формы или страницы, изменить расположение или настройки виджетов. Чтобы применить интерфейс и разрешить пользователям доступ к нему, повторно нажмите кнопки <span style="font-weight: bold;">Сохранить</span> и <span style="font-weight: bold;">Опубликовать</span> на верхней панели дизайнера.</p>
<h3 class="p_Heading3"><a id="unpublish" class="hmanchor"></a><span class="f_Heading3">Снять версию с публикации</span></h3>
<p class="p_Normal">Чтобы избежать запуска скрипта предыдущей версии интерфейса или исключить применение версии с ошибкой, её можно снять с публикации. Для этого выберите версию в списке и в правом верхнем углу страницы нажмите кнопку <span style="font-weight: bold;">Снять с публикации</span>.</p>
<p class="p_Normal">Также вы можете снять с публикации все предыдущие версии интерфейса во время <a href="interface_designer.html#unpublish" class="topiclink">публикации новой версии</a>.</p>
<p class="p_Normal">Если вы хотите восстановить снятую с публикации версию, выберите её в списке и в верхнем правом углу страницы нажмите появившуюся кнопку <span style="font-weight: bold;">Восстановить публикацию</span>.</p>
<h2 class="p_Heading2"><a id="settings-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Настройки»</span></h2>
<p class="p_Normal">На этой вкладке вы можете:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;">Hide the widget with validation errors.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;">Make it possible to display the widget on the top panel or sidebar.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;">Set system functions.</li><li class="p_Normal">Allow the use of the following in the widget:<ul style="list-style-type:disc">
<li class="p_Normal">Global objects.</li><li class="p_Normal">Elements of the current workspace.</li><li class="p_Normal">Objects and variables from selected workspaces or custom modules with which <a href="optional-dependencies.html" class="topiclink">optional dependencies</a> are established. This capability is a useful option for solution development, as in this case, the widget can be exported without limitations.</li></ul></li></ul>
<h3 class="p_Heading3"><a id="main" class="hmanchor"></a><span class="f_Heading3">Main settings</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">If you are customizing the <span style="color: #0000ff;"><a href="360009918011.html" class="topiclink">creation or editing form</a></span> of an app item, <span style="color: #0000ff;"><a href="360012495611.html" class="topiclink">task</a></span>, or <span style="color: #0000ff;"><a href="360012496011.html" class="topiclink">start event</a></span>, you can use the <span style="font-weight: bold;">Hide widget with validation errors</span> option. Select the checkbox to display validation errors only under incorrectly filled fields. If the option is disabled, the widget is displayed at the top of the form and lists all errors.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="designer-tabs-4" width="488" height="323" style="margin:0;width:488px;height:323px;border:none" src="designer-tabs-4.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Custom widget settings</span></h3>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">When you create a <span style="color: #0000ff;"><a href="user_widgets.html" class="topiclink">custom widget</a></span> on this tab, you can control its placement within other interfaces. By default, a custom widget can only be added to the main part of the form. You can enable the following options:</p>
<li class="p_Normal">отключить отображение виджета с ошибками валидации;</li></ul>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Display widget in the form header with buttons</span>. Check the box to allow the widget to be placed on the top panel of any form.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Display widget in the sidebar</span>. Check the box to allow placing the widget in the sidebar of any form.</li></ul>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">You can also customize the widget display on the designer modeling canvas of a form or page. The selected view does not affect the functionality of the widget after the custom interface is published.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">Available options:</p>
<li class="p_Normal">настроить размещение пользовательского виджета внутри разных интерфейсов;</li></ul>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Full</span>. By default, the widget is displayed on the modeling canvas in the same way as it will be displayed after publication.</li></ul>
<ul style="list-style-type:disc"><ul style="list-style-type:circle">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Call initialization function in the builder</span>. By default, <a href="widget_functions.html#oninit" class="topiclink">the initialization function</a> is enabled in the widget containing scripts and allows, for example, sending requests to the server to obtain data.</li></ul></li></ul>
<p style="line-height: 1.20; margin: 7px 0 16px 59px;">In the form editing mode, there may not be enough data on the server and the scripts will be executed with an error. To prevent this from affecting the display of the widget and the work of the designer, disable the option.</p>
<li class="p_Normal">задать системные функции;</li><li class="p_Normal">разрешить использование в виджете:<ul style="list-style-type:circle">
<li class="p_Normal">глобальных объектов;</li><li class="p_Normal">элементов текущего раздела;</li><li class="p_Normal">объектов и переменных из выбранных разделов или пользовательских модулей, с которыми установлены <a href="optional-dependencies.html" class="topiclink">опциональные зависимости</a>. Возможность подходит для разработки решений, так как в этом случае виджет можно экспортировать без ограничений.</li></ul></li></ul>
<h3 class="p_Heading3"><span class="f_Heading3">Основные настройки</span></h3>
<p class="p_Normal">Опция <span style="font-weight: bold;">Не отображать виджет с ошибками валидации</span> используется для настройки <a href="360009918011.html" class="topiclink">формы создания или редактирования</a> элемента приложения, <a href="360012495611.html" class="topiclink">задачи</a> и <a href="360012496011.html" class="topiclink">стартового события</a>, чтобы ошибки валидации отображались только под некорректно заполненными полями. </p>
<p class="p_Normal">Когда опция отключена, вверху формы отображается виджет, который содержит список всех допущенных ошибок.</p>
<p class="p_Normal"><img alt="interface-designer-10" width="374" height="282" style="margin:0;width:374px;height:282px;border:none" src="interface-designer-10.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Настройка пользовательского виджета</span></h3>
<p class="p_Normal"><span style="font-size: 15px; font-family: Inter;">При создании </span><span style="font-size: 15px; font-family: Inter; color: #0563c1;"><a href="user_widgets.html" class="topiclink">пользовательского виджета</a></span><span style="font-size: 15px; font-family: Inter;"> </span>на вкладке <span style="font-weight: bold;">Настройки &gt; Основные</span> можно управлять его размещением внутри других интерфейсов. </p>
<p class="p_Normal">По умолчанию пользовательский виджет можно добавить только на основную часть формы. Вы можете включить следующие опции:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Show only the widget name</span>. Only the widget name is displayed in the designer to indicate its location on the form. You can use it to compactly place widgets on the modeling canvas and quickly go to their settings.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-weight: bold;">Custom widget</span>. When you select this view, the Create Form button will appear. Click it and create a widget form that will be displayed instead of the original one when modeling a form or a page. </li></ul>
<p style="line-height: 1.20; margin: 7px 0 16px 34px;">This is convenient if the widget contains, for example, text content and other widgets. In this case, you can show the widget schematically on the template. Such a form is configured, for example, for the <a href="modal_window.html" class="topiclink">Modal Window</a> widget.</p>
<h3 class="p_Heading3"><a id="system-functions" class="hmanchor"></a><span class="f_Heading3">System functions</span></h3>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">Here you can select the functions you want to apply when displaying the widget or validating the form. It is optional to specify functions on this tab.</p>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">By default, the following functions are executed if they are defined in scripts:</p>
<li style="margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><a id="show-on-top-toolbar" class="hmanchor"></a><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Отображать виджет в заголовке с кнопками в формах </span><span style="font-size: 13px; font-family: Inter;"></span><span style="font-size: 15px; font-family: Inter;">установите флажок, чтобы разрешить размещение виджета на верхней панели любой формы;</span></li><li style="margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><a id="show-on-sidebar" class="hmanchor"></a><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Отображать виджет в боковой панели </span><span style="font-size: 13px; font-family: Inter;"></span><span style="font-size: 15px; font-family: Inter;">установите флажок, чтобы выносить виджет на боковую панель любой формы</span><span style="font-size: 13px; font-family: Inter;">.</span></li></ul>
<p class="p_Normal">Также можно настроить отображение виджета на поле для моделирования формы или страницы в дизайнере. Выбранный вид не влияет на функциональные возможности виджета после публикации настраиваемого интерфейса.</p>
<p class="p_Normal">Доступные варианты:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="color: #0000ff;"><a href="widget_functions.html#oninit" class="topiclink">onInit()</a></span> when initializing the widget.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><a href="widget_functions.html#destroy" class="topiclink">destroy()</a> when ending the widget<span style="color: #202122; background-color: #ffffff;">s work.</span></li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="color: #0000ff;"><a href="widget_functions.html#canrender" class="topiclink">canRender()</a></span> when checking the conditions for displaying the widget.</li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="color: #0000ff;"><a href="widget_functions.html#onload" class="topiclink">onLoad()</a></span> when the rendering of the widget is completed.</li></ul>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">You can replace these functions with other functions to customize the execution of additional actions, for example, loading and preparing data for displaying in the widget. To do this, select a function or create one in the <span style="font-weight: bold;">Initialization</span>, <span style="font-weight: bold;">Destroy</span>, <span style="font-weight: bold;">Display needed</span>, or <span style="font-weight: bold;">Rendering finished</span> fields.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">You can also select a <span style="color: #0000ff;"><a href="widget_functions.html#customvalidation" class="topiclink">function</a></span> to perform custom validation that makes sure that the <span style="color: #0000ff;"><a href="create_form.html" class="topiclink">form</a></span> is filled out correctly. By default, no function for validation is set. In this function, you can implement additional checks to the already existing standard validation when the user tries to save the form. For example, define checks for form field values.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="designer-tabs-5" width="639" height="227" style="margin:0;width:639px;height:227px;border:none" src="designer-tabs-5.png"/></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">To specify a function from your scripts, select <span style="font-weight: bold;">Client</span> or <span style="font-weight: bold;">Server</span> and specify its name.</p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;">You can proceed to create a script by clicking <span style="font-weight: bold;">Create</span>. Then specify the name of the function and click <span style="font-weight: bold;">Save</span>. After that, go to the <span style="font-weight: bold;">Scripts</span> tab by clicking <span style="font-weight: bold;">Open</span>. To learn more about creating a script on the <span style="font-weight: bold;">Client</span> or <span style="font-weight: bold;">Server</span> side, read the <span style="color: #0000ff;"><a href="client_server_scripts.html" class="topiclink">Scripts in widgets</a></span> article.</p>
<h3 class="p_Heading3"><a id="available-items" class="hmanchor"></a><span class="f_Heading3">Available items</span></h3>
<p style="line-height: 1.20; margin: 0 0 11px 0;">Here you can allow the use of widgets configured within the workspace or company, as well as access <a href="global-constants.html" class="topiclink">global constants</a> in the script.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;"><img alt="designer-tabs-6" width="1167" height="165" style="margin:0;width:1167px;height:165px;border:none" src="designer-tabs-6.png"/></p>
<li class="p_Normal"><span style="font-weight: bold;">Полный</span> — по умолчанию виджет выводится на поле для моделирования в том же виде, как будет отображаться после публикации. <ul style="list-style-type:circle">
<li class="p_Normal"><span style="font-weight: bold;">Вызывать функцию инициализации в конструкторе</span> — по умолчанию в виджете активируется <a href="widget_functions.html#onlnit" class="topiclink">функция инициализации</a>, которая содержит скрипты и позволяет, например, отправлять запросы на сервер для получения данных.</li></ul></li></ul>
<p class="p_Normal" style="margin: 0 0 0 59px;">В режиме изменения формы на сервере может быть недостаточно данных и скрипты будут выполняться с ошибкой. Чтобы это не влияло на отображение виджета и работу дизайнера, снимите флажок с опции; </p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Available items</span>. Provide access to additional items of other levels:<ul style="list-style-type:circle">
<li class="p_Normal"><span style="font-weight: bold;">Allow using of all items</span>. Check the box to enable access to the <span style="color: #0563c1;"><a href="global-constants.html" class="topiclink">Global</a></span> and widgets from other workspaces. Then you can use variables contained in workspaces and global parameters when writing scripts. Please note that using the <code><b>Global</b></code> constant and widgets from other workspaces restricts the ability to <a href="360009669292.html" class="topiclink">export an app</a> or <a href="360007722171.html" class="topiclink">workspace</a>.</li><li class="p_Normal"><span style="font-weight: bold;">Allow using all items in the workspace</span>. Check the box to access the <span style="color: #0563c1;"><a href="global-constants.html" class="topiclink">Namespace</a></span> constant and widgets of the current workspace. Please note that accessing workspace objects in a script and using workspace widgets restrict the ability to <span style="color: #0000ff;"><a href="360009669292.html" class="topiclink">export an app</a>.</span></li></ul></li></ul>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample" style="font-family: Arial,Helvetica,sans-serif;">начало&nbsp;внимание</span></p>
<p class="p_Normal" style="line-height: 1.20;">Using <code><b>Global</b></code> or <code><b>Namespace</b></code> constants in scripts restricts the export of system components. For more information, refer to <a href="global-constants.html#export" class="topiclink">Global constants in scripts</a>.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample" style="font-family: Arial,Helvetica,sans-serif;">конец&nbsp;внимание</span></p>
<li class="p_Normal"><span style="font-weight: bold;">Выводить только название виджета</span> — в дизайнере отображается только название виджета, чтобы обозначить его расположение на форме. Можно компактно размещать виджеты на поле для моделирования и быстро переходить к их настройкам; </li><li class="p_Normal"><span style="font-weight: bold;">Отдельный виджет</span> — при выборе этого вида появится кнопка <span style="font-weight: bold;">Создать форму</span>. Нажмите на неё и создайте специальную форму виджета, которая будет отображаться вместо исходной при моделировании формы или страницы. Если отдельная форма виджета была создана ранее, для её настройки в дизайнере интерфейсов нажмите <span style="font-weight: bold;">Редактировать форму</span>. </li></ul>
<p class="p_Normal" style="margin: 0 0 0 35px;">Это удобно, если виджет содержит, например, текстовое наполнение и другие виджеты. В этом случае на шаблоне можно представить виджет схематично. Специальная форма настроена, например, для виджета <a href="modal_window.html" class="topiclink">Модальное окно</a>. </p>
<h3 class="p_Heading3"><span class="f_Heading3">Системные функции</span></h3>
<p class="p_Normal">Здесь можно выбрать функции, которые вы хотите применить при отображении виджета или валидации формы. Указывать функции на этой вкладке необязательно.</p>
<p style="margin: 7px 0 7px 0;">По умолчанию выполняются следующие функции, если они заданы в скриптах:</p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Optional dependencies (available in the Imports object)</span>. Set <a href="optional-dependencies.html" class="topiclink">optional dependencies</a> on selected workspaces or custom modules. The specified components can then be accessed in the widget script using the <a href="global-constants.html" class="topiclink">Imports</a> constant. This allows you to export and import an app or workspace without restrictions.</li></ul>
<p style="line-height: 1.20; margin: 7px 0 7px 34px;">To set the dependency, click <span style="font-weight: bold;">+Add Workspace</span> and select the workspace or custom module. Then, in the <span style="font-weight: bold;">Alias</span> column, enter a unique name for it that will be used in the script. You can use numbers and an underscore to separate words. By default, the field contains the workspace code or module ID.</p>
<p style="line-height: 1.20; margin: 0 0 11px 0;">For more information about using <code><b>Global</b></code> and <code><b>Namespace</b></code> constants in scripts, see <a href="%20%20https://tssdk.brix365.com/en/latest/pages/quick-start/intro_globals.html" target="_blank" class="weblink">Global context and isolation</a> in BRIX TS SDK. The use of the <code><b>Imports</b></code> constant is described in the <a href="optional-dependencies.html" class="topiclink">Optional dependencies</a> article.</p>
<h2 class="p_Heading2"><a id="files" class="hmanchor"></a><span class="f_Heading2">Files tab</span></h2>
<p style="line-height: 1.20; margin: 19px 0 0 0;">On the <span style="font-weight: bold;">Files</span> tab, you can add JavaScript libraries and custom functions to access them in <span style="color: #0000ff;"><a href="client_server_scripts.html" class="topiclink">client-side scripts</a></span>.</p>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="designer-tabs-7" width="1167" height="198" style="margin:0;width:1167px;height:198px;border:none" src="designer-tabs-7.png"/></p>
<li class="p_Normal"><a href="widget_functions.html#onlnit" class="topiclink">onInit()</a> — при инициализации виджета;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="widget_functions.html#destroy" class="topiclink">destroy()</a> — при окончании работы виджета;</li><li class="p_Normal"><a href="widget_functions.html#canrender" class="topiclink">canRender()</a> — при проверке условий для отображения виджета;</li><li class="p_Normal"><a href="widget_functions.html#onload" class="topiclink">onLoad()</a> — при завершении отрисовки виджета.</li></ul>
<p style="margin: 7px 0 7px 0;">Вы можете заменить эти функции на другие, чтобы настроить выполнение дополнительных действий, например, загрузку и подготовку данных для отображения в виджете. Для этого выберите функцию или создайте её в поле <span style="font-weight: bold;">Инициализация</span>, <span style="font-weight: bold;">Уничтожение</span>; <span style="font-weight: bold;">Необходимость отображения</span> или <span style="font-weight: bold;">Окончание отрисовки</span>.</p>
<p style="margin: 7px 0 7px 0;">Также можно выбрать <a href="widget_functions.html#validation-function" class="topiclink">функцию</a> для выполнения пользовательской валидации (проверки правильности заполнения <a href="create_form.html" class="topiclink">формы</a>). По умолчанию она не задана. В этой функции вы можете реализовать дополнительные проверки к уже существующим стандартным проверкам валидации при попытке сохранить форму. Например, задайте проверку значений полей формы.</p>
<p class="p_Normal"><img alt="interface-designer-8" width="661" height="238" style="margin:0;width:661px;height:238px;border:none" src="interface-designer-8.png"/></p>
<p class="p_Normal">Чтобы указать функцию из ваших скриптов, выберите <span style="font-weight: bold;">Клиент</span> или <span style="font-weight: bold;">Сервер</span> и укажите её название.</p>
<p class="p_Normal">Вы можете перейти к созданию скрипта, нажав <span style="font-weight: bold;">Создать</span>. Затем задайте название функции и нажмите <span style="font-weight: bold;">Сохранить</span>. После этого перейдите на вкладку <span style="font-weight: bold;">Скрипты</span>, нажав <span style="font-weight: bold;">Открыть</span>. Подробнее о создании скрипта на стороне <span style="font-weight: bold;">Клиент</span> или <span style="font-weight: bold;">Сервер</span> читайте в статье <a href="client_server_scripts.html" class="topiclink">«Скрипты в виджетах»</a>.</p>
<h3 class="p_Heading3"><a id="access-settings" class="hmanchor"></a><span class="f_Heading3">Доступные элементы</span></h3>
<p style="margin: 0 0 11px 0;"><span style="font-size: 15px; font-family: Inter;">Здесь вы можете разрешить использование виджетов, настроенных на уровне раздела или компании, а также получить доступ к <a href="global-constants.html" class="topiclink">глобальным константам</a> в скрипте.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-designer-9" width="759" height="242" style="margin:0;width:759px;height:242px;border:none" src="interface-designer-9.png"/></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Доступные элементы </span><span style="font-size: 13px; font-family: Inter;">— предоставьте доступ к дополнительным элементам других уровней:</span><ul style="list-style-type:circle">
<li class="p_Normal"><span style="font-weight: bold;">Разрешить использование всех элементов</span><span style="font-size: 13px; font-family: Inter;">установите флажок, чтобы включить доступ к константе </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Global</a></span><span style="font-size: 13px; font-family: Inter;"> и виджетам из других разделов. Тогда при написании скриптов можно использовать переменные, содержащиеся во всех разделах системы, и глобальные параметры. Обратите внимание, использование константы </span><code><b>Global</b></code><span style="font-size: 13px; font-family: Inter;"> и виджетов других разделов делают недоступным</span> <a href="360009669292.html" class="topiclink">экспорт приложения</a> или <a href="360007722171.html" class="topiclink">раздела</a>;</li><li class="p_Normal"><span style="font-weight: bold;">Разрешить использование элементов раздела</span><span style="font-size: 13px; font-family: Inter;">включите опцию, чтобы открыть доступ к константе </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Namespace</a></span><span style="font-size: 13px; font-family: Inter;"> и виджетам текущего раздела. Обратите внимание, обращение к объектам раздела в скрипте и использование виджетов раздела делают недоступным </span><span style="font-size: 13px; font-family: Inter; color: #0000ff;"><a href="360009669292.html" class="topiclink">экспорт приложения</a></span>;</li></ul></li></ul>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p class="p_Normal"><span style="font-size: 15px; font-family: Inter; color: #394149;">Использование констант </span><code><b>Global</b></code> или <code><b>Namespace</b></code><span style="font-size: 15px; font-family: Inter; color: #394149;"> в скриптах ограничивает экспорт компонентов системы. Подробнее об этом читайте в статье </span><span style="font-size: 15px; font-family: Inter; color: #394149;"><a href="global-constants.html#export-restrictions" class="topiclink">«Глобальные константы в скриптах»</a></span><span style="font-size: 15px; font-family: Inter; color: #394149;">.</span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Опциональные зависимости (доступны в объекте Imports) </span><span style="font-size: 15px; font-family: Inter;">— установите </span><span style="font-size: 15px; font-family: Inter; color: #0563c1;"><a href="optional-dependencies.html" class="topiclink">опциональные зависимости</a></span><span style="font-size: 15px; font-family: Inter;"> от выбранных разделов или пользовательских модулей. После этого в срипте виджета к указанным компонентам можно получить доступ с помощью константы </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Imports</a></span><span style="font-size: 15px; font-family: Inter;">. Это позволяет экспортировать и импортировать приложение или раздел без ограничений.</span></li></ul>
<p style="margin: 7px 0 7px 34px;"><span style="font-size: 15px; font-family: Inter;">Чтобы установить зависимость, нажмите </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">+ Добавить раздел</span><span style="font-size: 15px; font-family: Inter;"> и выберите раздел или пользовательский модуль. Затем в колонке </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Псевдоним</span><span style="font-size: 15px; font-family: Inter;"> задайте для него уникальное имя, которое будет использоваться в скрипте. Допустимы латинские буквы и цифры, для разделения слов можно использовать знак подчёркивания. По умолчанию в поле указывается код раздела или ID модуля.</span></p>
<p style="margin: 0 0 11px 0;">Подробнее об использовании констант <code><b>Global</b></code> или <code><b>Namespace</b></code> в скриптах читайте в cправке ELMA365 TS SDK в статье <a href="https://tssdk.elma365.com/ru/latest/pages/quick-start/intro_globals.html" target="_blank" class="weblink">«Глобальный контекст и изоляция»</a>. Использование константы <code><b>Imports</b></code> описано в статье <a href="optional-dependencies.html" class="topiclink">«Опциональные зависимости»</a>.</p>
<h2 class="p_Heading2"><a id="files-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Файлы»</span></h2>
<p style="margin: 19px 0 0 0;">На вкладке <span style="font-weight: bold;">Файлы</span> вы можете добавить библиотеки и пользовательские функции на языке JavaScript, чтобы обращаться к ним в <a href="client_server_scripts.html" class="topiclink">клиентских скриптах</a>.</p>
<p style="margin: 19px 0 0 0;"><img alt="interface-designer-5" width="801" height="133" style="margin:0;width:801px;height:133px;border:none" src="interface-designer-5.png"/></p>
<div class="bottom-nav">
@ -198,7 +205,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
</section>
</div>
@ -206,7 +213,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">In this topic</h3>
<h3 class="h3-toc">В этой статье</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -217,30 +224,63 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<script src="./jquery-ui.js"></script>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>