levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update help elma

Browse Source
This commit is contained in:
koziavin
2025-05-27 21:32:35 +04:00
parent a6b05d6789
commit 898b22bf32
4500 changed files with 89372 additions and 120699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
platform/interface_designer.html
View File

@ -1,20 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<title>Дизайнер интерфейса</title>
<title>Interface designer</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="В дизайнере интерфейсов вы можете настроить собственные интерфейсы, используя виджеты." />
<meta name="description" content="In the Interface designer, you can customize the company’s interfaces with pre‑built and custom widgets." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<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" />
<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="" />
<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" />
@ -24,7 +23,6 @@
<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>
@ -36,16 +34,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://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -65,7 +63,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://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>
<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>
</div>
@ -80,8 +78,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -94,15 +92,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 дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> / Дизайнер интерфейса</p>
<p>Low-code designer &gt; <a href="interface_settings.html">Set up interfaces</a> / Interface designer</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Дизайнер интерфейсов</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Interface designer</span></h1>
</div>
</header>
@ -111,46 +109,47 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal" style="margin: 14px 0 0 0;">В дизайнере интерфейсов вы можете настроить собственные интерфейсы, используя виджеты.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-weight: bold;">Виджет</span> — это элемент интерфейса с определёнными функциональными возможностями для решения таких задач, как загрузка файла, отображение данных, сообщений, списка пользователей и т. д.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Виджеты можно использовать:</p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">In the Interface designer, you can customize the company’s interfaces with pre‑built and custom widgets.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="font-weight: bold; color: #394149;">Widgets</span><span style="color: #394149;"> are interface elements that allow users to upload files, display data, activity streams, tables, users lists, etc.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">You can use widgets to:</span></p>
<ul style="list-style-type:disc">
<li>для <a href="360027211631.html" class="topiclink">настройки страниц</a>;</li><li>для <a href="create_form.html" class="topiclink">настройки форм</a>.</li></ul>
<p>Комбинируя различные виджеты, вы создаёте интерфейс, в котором в дальнейшем будут работать пользователи. Готовую комбинацию виджетов можно сохранить и затем многократно использовать на разных страницах и формах. Таким образом вы можете создавать разнообразные интерфейсы, которые максимально отвечают потребностям вашей компании.</p>
<h2 class="p_Heading2"><a id="open-designer" class="hmanchor"></a><span class="f_Heading2">Перейти в дизайнер интерфейсов</span></h2>
<p style="margin: 14px 0 0 0;">В дизайнере интерфейсов настраивается внешний вид форм приложений и страниц, а также создаются <a href="user_widgets.html" class="topiclink">пользовательские виджеты</a>. Перейти в дизайнер можно несколькими способами в зависимости от того, какой элемент системы вы хотите настроить.</p>
<li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="color: #394149;"><a href="360027211631.html" class="topiclink">Customize pages</a>.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="color: #394149;"><a href="create_form.html" class="topiclink">Customize forms</a>.</span></li></ul>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">By combining different widgets, you create an interface tailored for your users. In addition, you can save your widget combination and use it on different pages and forms over and over again. This way you can create various interfaces catered to the needs of your company. </span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Open the interface designer</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">The interface designer helps you design app forms and pages, as well as create <a href="user_widgets.html" class="topiclink">custom widgets</a>. There are several ways to open the designer depending on the item that you want to set up.</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы <a href="interface_settings.html" class="topiclink">создать интерфейс</a>:</li></ol>
<li value="1" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">To <a href="interface_settings.html" class="topiclink">create an interface</a>:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">перейдите в раздел <span style="font-weight: bold;">Администрирование </span>&gt;<span style="font-weight: bold;"> Интерфейсы</span>. Создайте новый виджет типа <span style="font-weight: bold;">Страница</span> или другой пользовательский виджет. Вы автоматически перейдёте в дизайнер;</li><li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">если вы хотите использовать интерфейс на уровне конкретного раздела или его приложения, можно в меню раздела или приложения выбрать пункт <span style="font-weight: bold;">Интерфейсы</span>. Затем создайте виджет. Дизайнер откроется автоматически.</li></ul>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">Go to </span><span style="font-weight: bold; color: #394149;">Administration &gt; Interfaces</span><span style="color: #394149;">. Create a new widget of the </span><span style="font-weight: bold; color: #394149;">Page</span><span style="color: #394149;"> type or other custom widget. The designer will open automatically.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">To set up an interface for a particular workspace or app, go to the app or workspace menu, click on the gear icon next to its name, and select </span><span style="font-weight: bold; color: #394149;">Interfaces</span><span style="color: #394149;">. Then create a new page or widget. The designer will open automatically</span>.</li></ul>
<ol style="list-style-type:decimal" start="2">
<li value="2" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы настроить страницу главного меню или меню раздела:</li></ol>
<li value="2" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">To set up a new page from the main menu or workspace menu</span>: </li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><a href="360009924451.html" class="topiclink">добавьте новую страницу</a> или откройте существующую. Затем в правом верхнем углу страницы нажмите значок шестерёнки и выберите пункт <span style="font-weight: bold;">Конструктор</span>.</li></ul>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><a href="360009924451.html" class="topiclink">Add a new page</a> or open an existing one. <span style="color: #394149;">Click on the gear icon in the top right corner of the page</span><span style="font-weight: bold; color: #394149;"> </span><span style="color: #394149;">and click </span><span style="font-weight: bold; color: #394149;">Widget Builder</span>.</li></ul>
<ol style="list-style-type:decimal" start="3">
<li value="3" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы настроить форму приложения:</li></ol>
<li value="3" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">To set up an app form: </li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">перейдите в <a href="360028941032.html" class="topiclink">расширенный режим настройки форм</a> приложения. Откройте вкладку формы, которую хотите изменить, нажмите <span style="font-weight: bold;">&lt;По умолчанию&gt;</span> и затем кнопку <span style="font-weight: bold;">+</span> <span style="font-weight: bold;">Создать форму</span>. Если форма была создана ранее, нажмите кнопку <span style="font-weight: bold;">Редактировать форму</span> на соответствующей вкладке. Подробнее об этом читайте в статье <a href="360029250931.html" class="topiclink">«Шаблон формы»</a>.</li></ul>
<p style="margin: 14px 0 0 0;"><a id="view-mode" class="hmanchor"></a>Если с элементом интерфейса уже работает в дизайнере другой администратор, вы можете открыть этот элемент в дизайнере только для просмотра. Для этого при переходе в дизайнер в появившемся окне нажмите <span style="font-weight: bold;">Открыть в режиме просмотра</span>.</p>
<h2 class="p_Heading2"><a id="interface-setting" class="hmanchor"></a><span class="f_Heading2">Работа в дизайнере интерфейсов</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Дизайнер интерфейсов выглядит следующим образом:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface_designer01" width="778" height="442" style="margin:0;width:778px;height:442px;border:none" src="interface_designer01.png"/></p>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">Open an app form in the <a href="360028941032.html" class="topiclink">advanced mode</a>. <span style="color: #394149;">Open the tab corresponding to the form you wish to set up, click</span><span style="font-weight: bold; color: #394149;"> &lt;Default&gt;</span><span style="color: #394149;">, then click </span><span style="font-weight: bold; color: #394149;">+ Create Form</span><span style="color: #394149;">. If the form has been created earlier and now you want to edit it, click </span><span style="font-weight: bold; color: #394149;">Edit Form</span><span style="color: #394149;">. To learn more, see <a href="360029250931.html" class="topiclink">Form templates</a></span>.</li></ul>
<p class="p_Normal"><a id="view-mode" class="hmanchor"></a><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">If another administrator is already working with an interface element in the designer, you can open this element in the designer for viewing only. To do this, when entering the designer, click </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Open in View Mode</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> in the pop-up window.</span></p>
<h2 class="p_Heading2"><a id="interface-setting" class="hmanchor"></a><span class="f_Heading2">How to work in the interface designer</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Here is what the interface designer looks like:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface_designer-1" width="1366" height="714" style="margin:0;width:1366px;height:714px;border:none" src="interface_designer-1.png"/></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Поле для моделирования</span> — это рабочая область, внутри которой вы будете создавать пользовательские виджеты и настраивать внешний вид страниц или форм с помощью виджетов и свойств. Вы можете легко <a href="canvas-navigation.html" class="topiclink">найти</a> любой вложенный элемент.</li><li value="2" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><a href="interface_designer.html#toolbar" class="topiclink">Панель инструментов</a>, с помощью которой можно сохранить, опубликовать или отладить настроенный интерфейс, проверить добавленные виджеты, а также отменить и повторить действие.</li><li value="3" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><a href="designer-tabs.html" class="topiclink">Вкладки</a> для работы с дизайнером интерфейсов: <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>.</li><li value="4" style="margin-top: 0; margin-right: 0; margin-bottom: 0;">Вкладки для наполнения интерфейса:</li></ol>
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Modeling canvas</span>. This is a workspace within which you will create custom widgets and customize the layout of pages or forms with widgets and properties. You can easily find any nested element. </li><li value="2" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">The <a href="interface_designer.html#toolbar" class="topiclink">toolbar</a> allows you to save, publish, or debug an interface, as well as check whether the widgets are correctly composed. You can also undo or redo an action.</li><li value="3" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">The interface designer has the following main tabs: <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>.</li><li value="4" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">The tabs on the right are for adding components to interfaces:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Виджеты</span> — все доступные виджеты сгруппированные по типам;</li><li style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Свойства</span> — <a href="common_widget_settings.html" class="topiclink">системные свойства</a> виджетов, все переменные из <a href="360028941112.html" class="topiclink">контекста</a> приложения или бизнес-процесса, а также свойства, добавленные на вкладке <a href="designer-tabs.html#context-tab" class="topiclink">Контекст</a>.</li></ul>
<h3 class="p_Heading3"><a id="toolbar" class="hmanchor"></a><span class="f_Heading3">Верхняя панель инструментов дизайнера</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">На верхней панели дизайнера располагаются кнопки для работы с настраиваемым интерфейсом.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-toolbar" width="433" height="51" style="margin:0;width:433px;height:51px;border:none" src="interface-toolbar.png"/></p>
<li style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Widgets</span>. All available widgets are grouped by <a href="360028901811.html" class="topiclink">type</a>.</li><li style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Properties</span>. <a href="common_widget_settings.html" class="topiclink">System properties</a> of widgets, all the <a href="360028941112.html" class="topiclink">context</a> variables of an app or business process, and properties added on the <a href="designer-tabs.html#context" class="topiclink">Context</a> tab.</li></ul>
<h3 class="p_Heading3"><a id="toolbar" class="hmanchor"></a><span class="f_Heading3">Top toolbar </span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">The top toolbar has the following controls for working with the interface you are setting up:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface_designer-toolbar" width="521" height="85" style="margin:0;width:521px;height:85px;border:none" src="interface_designer-toolbar.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Сохранить</span> — настроенная страница или форма сохранится как черновик. Внесённые изменения не будут доступны пользователям. Вы сможете вернуться к редактированию интерфейса позже;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Проверить</span> — добавленные виджеты проверяются на наличие ошибок. Если в настройках виджета обнаружена ошибка, например, неверно составлен добавленный скрипт, вы увидите оповещение; </li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Опубликовать</span> — виджеты отобразятся на формах или страницах и станут доступны пользователям. Публикуйте интерфейс каждый раз, когда вносите изменения в него и хотите, чтобы они стали видны пользователям. При публикации версии вы можете:<ul style="list-style-type:circle">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">оставить комментарий;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a id="unpublish" class="hmanchor"></a>включить опцию <span style="font-weight: bold;">Снять с публикации все предыдущие версии</span>. Это позволит избежать запуска скриптов предыдущих версий виджета, а также исключить в дальнейшем применение версий с ошибками.</li></ul></li></ul>
<p style="line-height: 1.28; margin: 0 0 11px 26px;">Комментарий и отметка о снятии с публикации отобразятся на вкладке <a href="designer-tabs.html#history-tab" class="topiclink">История</a>, где вы можете вернуться к предыдущей версии страницы или формы, а также восстановить снятые с публикации версии;</p>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Save</span>.<span style="font-weight: bold;"> </span>The page or form that you have set up will be saved as a draft. The changes will not be made available to users. You can return and edit it later.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Check</span>. The widgets that you have added are checked for errors. If there is an error, for example, there is an invalid scripts, you will see an alert.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Publish</span>.<span style="font-weight: bold;"> </span>After being published, scripts are displayed on forms or pages, and become available to users. Each time you want your changes to be applied, you need to publish the interface. <a id="unpublish" class="hmanchor"></a><span style="font-size: 15px; color: #394149;">When publishing a version, you can:</span></li></ul>
<ul style="list-style-type:disc"><ul style="list-style-type:circle">
<li style="line-height: 1.55;"><span style="font-size: 15px; color: #394149;">leave a comment;</span></li><li style="line-height: 1.55; margin-top: 11px; margin-right: 0; margin-bottom: 11px;"><span style="font-size: 15px; color: #394149;">enable the</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Unpublish all previous versions</span><span style="font-size: 15px; color: #394149;"> option. This will prevent the scripts from older widget versions from running, and will help avoid &nbsp;applying versions with errors .</span></li></ul></li></ul>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Отладить</span> — в открывшемся окне вы сможете посмотреть, как будет выглядеть настроенная форма или страница для пользователей после публикации. Подробнее об этом читайте в статье <a href="interface-debug.html" class="topiclink">«Отладить интерфейс в дизайнере»</a>;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Отменить</span> — &nbsp;при работе на вкладке <span style="font-weight: bold;">Шаблон</span> вы можете отменить своё последнее действие: добавление или удаление виджета, его перемещение, изменение настроек;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Повторить</span> — позволяет заново выполнить отменённое действие.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Перейти к редактированию</span> — это действие доступно только в <a href="interface_designer.html#view-mode" class="topiclink">режиме просмотра</a> элемента интерфейса. Позволяет перейти к его редактированию, если другой администратор завершил работу с этим элементом в дизайнере.</li></ul>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Debug</span>. A window opens showing you how the form or page will look like in the interface after it is published. You can learn more in <a href="interface-debug.html" class="topiclink">Debug an interface</a>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Undo</span>.<span style="font-weight: bold;"> </span><span style="font-size: 15px; color: #394149;">When working in the </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Template</span><span style="font-size: 15px; color: #394149;"> tab, you can undo your latest action: adding or deleting a widget, moving it, changing its settings.</span></li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Redo</span>.<span style="font-weight: bold;"> </span>You can repeat the action that you have undone.</li><li class="p_Normal"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Start Editing</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">. This action is only available if you opened an interface element in the <a href="interface_designer.html#view-mode" class="topiclink">view mode</a>. It allows you to switch to editing mode if another administrator has finished working with this element in the designer.</span></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-weight: bold;">опубликовать</span> настроенный интерфейс.</p>
<p class="p_Normal">To make changes available to users, don’t forget to <span style="font-weight: bold;">Publish</span> the form or page that you have set up.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">&nbsp;</span></h3>
<div class="bottom-nav">
@ -167,7 +166,7 @@
</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>
<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>
</section>
</div>
@ -175,7 +174,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -186,63 +185,30 @@
<div class="footer-container">
<div class="footer-mobile">
<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>
<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>
</div>
<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 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>
</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.min.js"></script>
<script src="./jquery-ui.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>