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

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

Browse Source
This commit is contained in:
koziavin
2025-05-28 05:24:40 +04:00
parent 0113fb8289
commit 041abbbd24
4459 changed files with 121310 additions and 86248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
platform/360027211631.html
View File

@ -1,19 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ru">
<head>
<title>Add a widget to a page</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="A page is an interface element that users interact with directly. To make a page easy to work&nbsp;with, customize it with widgets. In&nbsp;this way, you will provide users with..." />
<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> / Add a widget to a page</p>
<p>Low-code дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> / Добавить виджет на страницу</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1" style="text-align: center; line-height: 1.20; margin: 19px 0 19px 0;"><span class="f_Heading1" style="font-size: 32px;">Add a widget to a page</span></h1>
<div class="topic__title"><h1 class="p_Heading1" style="text-align: center; margin: 19px 0 19px 0;"><span class="f_Heading1" style="font-size: 32px;">Добавить виджет на страницу</span></h1>
</div>
</header>
@ -109,52 +111,51 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">A </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> is an interface element that users interact with directly. To make a page easy to work with, customize it with widgets. In this way, you will provide users with convenient tools to perform their tasks, for example, a calculator, reports, buttons, links, etc.</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-weight: bold;">Страница</span> — это элемент интерфейса, с которым непосредственно взаимодействуют пользователи. Чтобы страница была удобной для работы, настройте её с помощью виджетов. Таким образом вы предоставите пользователям удобные инструменты для выполнения своих задач, к примеру, калькулятор, отчёты, кнопки, ссылки и т. д.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p style="line-height: 1.20; margin: 19px 0 0 0;">Only the users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group <span style="color: #394149;">can create and customize pages and widgets</span>.</p>
<p style="margin: 14px 0 0 0;">Создавать и настраивать страницы и виджеты могут только пользователи, включённые в группу <a href="360006871932.html#administrators" class="topiclink">Администраторы</a>.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">There are several ways to add a widget to a page:</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Наполнить страницу виджетами можно несколькими способами:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">In the simple page editor.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">In the interface designer.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">By using a page or widget that has already been created and published in the </span><a href="interface_settings.html" class="topiclink">interface designer</a><span style="color: #394149;">.</span></li></ul>
<h2 class="p_Heading2"><a id="simple-editor" class="hmanchor"></a><span class="f_Heading2">Simple page editor</span></h2>
<p class="p_Normal">The simple editor is used when you need to fill a page up with simple widgets, for example, to display text, a chart, a table, incoming phone calls, etc.</p>
<p class="p_Normal">To start working in the editor:</p>
<li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">в простом редакторе страниц;</li><li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">в дизайнере интерфейсов;</li><li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">использовать виджеты, настроенные и опубликованные в <a href="interface_settings.html" class="topiclink">Интерфейсах</a>.</li></ul>
<h2 class="p_Heading2"><a id="simple-editor" class="hmanchor"></a><span class="f_Heading2">Простой редактор страниц</span></h2>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Простой редактор используется, если нужно быстро наполнить страницу простыми виджетами, например, разместить на ней текст, график, таблицу, входящие задачи и т. д. </span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Чтобы начать работу с редактором:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal"><span style="color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a>. Then click </span><span style="font-weight: bold; color: #394149;">Add widget</span><span style="color: #394149;">.</span></li></ol>
<p class="p_Normal" style="margin: 0 0 0 34px;"><img alt="page-widget1" width="1060" height="594" style="margin:0;width:1060px;height:594px;border:none" src="page-widget1.png"/></p>
<li value="1" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;"><a href="360009924451.html" class="topiclink">Cоздайте страницу</a>, а затем нажмите на кнопку </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Добавить виджет</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">.</span></li></ol>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="add-widget-to-page" width="942" height="590" style="margin:0;width:942px;height:590px;border:none" src="add-widget-to-page.png"/></p>
<ol style="list-style-type:upper-roman" start="2">
<li value="2" style="line-height: 1.36;"><span style="font-size: 15px; color: #394149;">Select a widget, set it up, and click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Save</span><span style="font-size: 15px; color: #394149;">. The widget will be displayed in the simple page editor.</span></li><li value="3" style="line-height: 1.36; margin-top: 11px; margin-right: 0; margin-bottom: 11px;"><span style="font-size: 15px; color: #394149;">To add another widget, click </span><img alt="add-widget3" title="add-widget3" width="27" height="27" style="margin:0;width:27px;height:27px;border:none" src="add-widget3.png"/><span style="font-size: 15px; color: #394149;"> and select a widget from the list.</span></li></ol>
<p style="line-height: 1.36; margin: 11px 0 11px 34px;"><img alt="page-widget2" width="996" height="329" style="margin:0;width:996px;height:329px;border:none" src="page-widget2.png"/></p>
<ol style="list-style-type:upper-roman" start="4">
<li value="4" style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">After you have added all the widgets that you need, click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Finish editing</span><span style="font-size: 15px; color: #394149;"> in the top right corner of the page. The page with widgets will be saved.</span></li><li value="5" style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">To return to the simple editor, click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Edit page</span><span style="font-size: 15px; color: #394149;"> in the top right corner.</span></li></ol>
<p style="line-height: 1.20;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<h2 class="p_Heading2"><a id="pages-in-interface-designer" class="hmanchor"></a><span class="f_Heading2">Edit pages in the interface designer</span></h2>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">In the interface designer, you can add widgets that are not available in the simple editor. Moreover, you can create your own custom widgets, for example, by implementing a <a href="client_server_scripts.html" class="topiclink">script</a> and introducing complex logic.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Note that when you switch to the interface designer, a widget of </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="user_widgets.html#page" class="topiclink">Page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type is added to the page. This widget will be opened in the designer, where you can fill it with other widgets. </span></p>
<li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Выберите виджет, выполните его настройку и нажмите кнопку <span style="font-weight: bold;">Сохранить</span>. Он отобразится в простом редакторе страницы.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Чтобы разместить дополнительный виджет, нажмите кнопку <img alt="add-widget3" width="23" height="23" style="margin:0;width:23px;height:23px;border:none" src="add-widget3.png"/> и выберите его из списка.</li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="add-widget" width="823" height="500" style="margin:0;width:823px;height:500px;border:none" src="add-widget.png"/></p>
<ol style="list-style-type:upper-roman" start="2">
<li value="4" class="p_Normal"><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> </span>После добавления всех виджетов нажмите <span style="font-weight: bold;">Завершить редактирование</span> в правом верхнем углу страницы. Виджеты сохранятся на странице.</li><li value="5" class="p_Normal">Чтобы снова перейти в режим простого редактора, нажмите кнопку <span style="font-weight: bold;">Редактировать страницу</span> в правом верхнем углу. </li></ol>
<h2 class="p_Heading2"><a id="setting-in-designer" class="hmanchor"></a><span class="f_Heading2">Настройка страницы в дизайнере интерфейсов </span></h2>
<p style="margin: 14px 0 0 0;">Дизайнер интерфейсов позволяет добавить на страницу виджеты, недоступные в простом редакторе. Кроме того, вы можете создать собственный виджет, например, добавить <a href="client_server_scripts.html" class="topiclink">скрипт</a> и реализовать сложную логику.</p>
<p style="margin: 14px 0 0 0;">Обратите внимание, при переходе в дизайнер интерфейсов на страницу добавляется виджет типа <a href="user_widgets.html#page" class="topiclink">Страница</a>. Этот виджет и откроется в дизайнере, вы можете наполнить его другими виджетами.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-size: 13px;">After customizing a page in the interface designer, it is impossible to switch back to the <a href="360027211631.html#simple-editor" class="topiclink">simple page editor mode</a>.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">После настройки страницы в дизайнере интерфейсов переход в режим <a href="360027211631.html#simple-editor" class="topiclink">простого редактора</a> страниц невозможен.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">To do that:</span></p>
<p style="margin: 14px 0 0 0;">Для этого:</p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> and click the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Add widget</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> button.</span></li><li value="2" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">In the provided window, click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Create custom widget</span><span style="color: #394149; background-color: #ffffff;">:</span></li></ol>
<p style="line-height: 1.20; margin: 14px 0 0 34px;"><img alt="page-widget3" width="958" height="622" style="margin:0;width:958px;height:622px;border:none" src="page-widget3.png"/></p>
<p class="p_Normal" style="margin: 0 0 0 34px;"><span style="font-size: 15px; color: #394149;">If you already have a page, open it, click </span><img alt="360026749352-12" title="360026749352-12" width="20" height="21" style="margin:0;width:20px;height:21px;border:none" src="360026749352-12.png"/><span style="font-size: 15px; color: #394149;"> in the top right corner, and select </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Widget Builder.</span><span style="font-size: 15px; color: #394149;"> The </span><span style="font-size: 15px; color: #394149;"><a href="interface_designer.html" class="topiclink">interface designer</a> will open</span><span style="font-size: 15px; color: #394149;">.</span></p>
<p style="margin: 0 0 0 34px;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">In this case, a widget of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type will be added to the page, and its template will open in the designer. Widgets saved earlier in the simple editor will be added to the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> widget and displayed in it.</span></p>
<p class="p_Normal" style="margin: 0 0 0 34px;"><img alt="page-widget4" width="1283" height="655" style="margin:0;width:1283px;height:655px;border:none" src="page-widget4.png"/></p>
<li value="1" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;"><a href="360009924451.html" class="topiclink">Cоздайте страницу</a>, а затем нажмите кнопку </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Добавить виджет</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">.</span></li><li value="2" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">В открывшемся окне нажмите </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Создать свой виджет</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">. Вы перейдёте в <a href="interface_designer.html" class="topiclink">дизайнер интерфейсов</a>.</span></li></ol>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="360027211631-3" width="748" height="490" style="margin:0;width:748px;height:490px;border:none" src="360027211631-3.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Если страница уже создана, откройте её и в правом верхнем углу нажмите <img alt="360026749352-12" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="360026749352-12.png"/>. Затем в меню настроек выберите <span style="font-weight: bold;">Конструктор</span>. Вы перейдёте в <a href="interface_designer.html" class="topiclink">дизайнер интерфейсов</a>.</p>
<p style="margin: 14px 0 0 0;">При этом на страницу добавится виджет типа <span style="font-weight: bold;">Страница</span>, шаблон которого откроется в дизайнере. Виджеты, сохранённые ранее в простом редакторе, добавятся на виджет типа <span style="font-weight: bold;">Страница</span> и отобразятся в нём.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="1.55" width="1025" height="592" style="margin:0;width:1025px;height:592px;border:none" src="1.55.png"/></p>
<ol style="list-style-type:upper-roman" start="3">
<li value="3" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"> Наполните виджет типа <span style="font-weight: bold;">Страница</span>, добавив на него другие виджеты, и настройте их. Сохраните изменения и опубликуйте готовый виджет типа <span style="font-weight: bold;">Страница</span>.</li></ol>
<p class="p_Normal" style="margin: 14px 0 0 0;">Обратите внимание, в виджет типа <span style="font-weight: bold;">Страница</span> можно добавить любые виджеты, кроме <a href="side_panel_widget.html" class="topiclink">виджетов для боковой панели</a>. Они предназначены только для настройки форм.</p>
<h2 class="p_Heading2"><a id="use-widget" class="hmanchor"></a><span class="f_Heading2">Использовать готовый виджет</span></h2>
<p class="p_Normal">На создаваемые страницы можно добавить настроенные ранее виджеты, которые опубликованы в разделе <span style="font-weight: bold;">Администрирование </span>&gt; <span style="font-weight: bold;">Интерфейсы</span>.</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">Для этого:</p>
<ol style="list-style-type:upper-roman">
<li value="3" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">Fill the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> type widget by adding other widgets to it and customizing them. Save the changes and publish the finished </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> widget.</span></li></ol>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">Note that in the interface designer, you can add any widget to pages except for the </span><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="side_panel_widget.html" class="topiclink">side panel widgets</a></span><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">. They are designed for forms only.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Use existing widgets</span></h2>
<p style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">When creating a page, you can add widgets and pages created earlier that have been published in</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-weight: bold; color: #394149;">Administration </span><span style="font-size: 15px; font-weight: bold; color: #394149;">&gt;</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-weight: bold; color: #394149;">Interfaces</span><span style="font-size: 15px; color: #394149;">.</span></p>
<p style="line-height: 1.20; margin: 16px 0 0 0;"><span style="font-size: 15px; color: #394149;">To do that:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> and click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Add widget</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">.</span></li><li value="2" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">In the opened window, the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Custom</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> section displays previously created widgets, including widgets of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="user_widgets.html#page" class="topiclink">Page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> type. Select the desired one, customize it, and click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Save</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">.</span></li></ol>
<p style="line-height: 1.20; margin: 14px 0 0 34px;"><img alt="page-widget5" width="962" height="527" style="margin:0;width:962px;height:527px;border:none" src="page-widget5.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">If you select a ready-made widget of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type, it can only be edited in the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="interface_designer.html" class="topiclink">interface designer</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">. If you add a different custom widget, you can change its settings in the simple editor. Note that the changes you make are applied wherever the edited widget is used.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="font-size: 13px; color: #000000; background-color: #ffffff;">&nbsp;</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Edit or remove widgets on a page</span></h2>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">To edit or delete a widget, go to the interface designer or simple editor mode.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Select the widget and click the gear or trash can icon in the upper right corner.</span></p>
<li value="1" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;"><a href="360009924451.html" class="topiclink">Cоздайте страницу</a>, а затем нажмите кнопку </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Добавить виджет</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">.</span></li><li value="2" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">В открывшемся окне в блоке </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Пользовательские виджеты </span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">отображаются</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">созданные ранее виджеты, в том числе и виджеты типа <a href="user_widgets.html#page" class="topiclink">Страница</a>.</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Выберите</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">нужный, настройте его и нажмите кнопку </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Сохранить</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">. </span></li></ol>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="360027211631-5" width="748" height="352" style="margin:0;width:748px;height:352px;border:none" src="360027211631-5.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Если вы выбрали готовый виджет типа <span style="font-weight: bold;">Страница</span>, его можно отредактировать только в <a href="interface_designer.html" class="topiclink">дизайнере интерфейсов</a>. Если добавлен другой пользовательский виджет, изменить его настройки вы можете в простом редакторе. Обратите внимание, вносимые изменения применяются везде, где используется отредактированный виджет. </p>
<h2 class="p_Heading2"><span class="f_Heading2">Изменить или удалить виджет страницы</span></h2>
<p class="p_Normal">Чтобы отредактировать или удалить виджет, перейдите в дизайнер интерфейсов или в режим простого редактора.</p>
<p class="p_Normal">Выделите виджет и в правом верхнем углу нажмите значок шестерёнки или корзины.</p>
<div class="bottom-nav">
@ -164,14 +165,14 @@
</a>
<a id="next-link" class="topic__navi_next" href="360028901811.html">
<span class="bottom-nav__link">360028901811.html</span> <span
<a id="next-link" class="topic__navi_next" href="tabs.html">
<span class="bottom-nav__link">tabs.html</span> <span
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
</a>
</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>
@ -179,7 +180,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>
@ -190,30 +191,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>