Files
help365/platform/360009672852.html
koziavin 00717a92fb
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
update
2025-05-29 16:42:45 +04:00

205 lines
19 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Separator</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 Separator helps you visually organize apps in a Workspace menu." />
<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="" />
<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" />
<link rel="stylesheet" href="./jquery-ui.min.css" />
<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="./search-yandex.css" />
<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>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<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>
<!-- <div class="hero__search-form" id="search-panel">
<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">
</label>
<input class="search-form__submit" type="submit" value="Submit">
</form>
</div> -->
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
<div class="hero__search">
<a href="#" id="search-icon" class="hero__search-icon">
<img src="search-icon-white.svg" alt="search string">
</a>
<a href="#" id="side-menu-icon" class="hero__side-icon">
<img src="side_menu.svg" alt="side menu">
</a>
</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>
</div>
</div>
</header>
<main class="main container">
<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>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
<div class="sidebar__wrapper" id="side-menu">
</div>
</aside>
<article class="article" id="article">
<div class="article-inner">
<div class="content">
<header class="article__header">
<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; Workspace &gt; <a href="360009924231.html">Custom menu items</a> / Separator</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;">Separator</span></h1>
</div>
</header>
<section class="article__content">
<div class="scroll-top-inner">
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">A<span style="font-weight: bold;"> Separator</span> helps you visually organize <span style="font-weight: bold;"><a href="360006963072.html" class="topiclink">apps</a></span> in a <span style="font-weight: bold;"><a href="360007990371.html" class="topiclink">Workspace</a> </span>menu.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">In the example below, we added two separators to the Deal Management workspace: <span style="font-weight: bold;">Clients </span>and <span style="font-weight: bold;">Suppliers</span>:</p>
<p class="p_Normal"><img alt="sep 1" width="226" height="349" style="margin:0;width:226px;height:349px;border:none" src="hmfile_hash_6fbcf5cf.png"/></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p class="p_Normal">Only the users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group can create and edit separators.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Add a new separator</span><br />
<span class="f_Heading2" style="font-size: 24px;">&nbsp;</span></h2>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal">Go to the left menu of a workspace and click Add.</li><li value="2" class="p_CodeExample" style="page-break-inside: avoid;">In&nbsp;the&nbsp;provided&nbsp;window&nbsp;select&nbsp;the&nbsp;<span style="font-weight: bold;">Separator</span>&nbsp;option.</li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="add_separator" width="1223" height="727" style="margin:0;width:1223px;height:727px;border:none" src="add_separator.gif"/></p>
<ol style="list-style-type:upper-roman" start="3">
<li value="3" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">Fill out the form:</li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="sep 2" width="639" height="226" style="margin:0;width:639px;height:226px;border:none" src="hmfile_hash_18047366.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Name</span><span style="font-weight: bold; color: #ff0000;">*</span>.<span style="font-weight: bold;"> </span>The name of the separator that will be shown in the workspace menu.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Visibility</span>.<span style="font-weight: bold;"> </span>Specify the users who will be able to see the separator in their left menu. Later on, you can <a href="360009672852.html#settings" class="topiclink">change</a> the visibility settings if necessary.<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Visible to everyone</span>. All users with access to the workspace will see the separator</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Only to administrators</span>. Only users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group will see the separator.</li></ul></li></ul>
<ol style="list-style-type:upper-roman" start="4">
<li value="4" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"> After having filled out the form, click <span style="font-weight: bold;">Save</span> to apply changes. The separator will appear in the menu.</li><li value="5" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">To position the separator in the menu, click <a href="360009705932.html" class="topiclink">Set Up</a> at the bottom the workspace's menu.</li><li value="6" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"> In the provided window you can drag the separator up or down and place it where you need to.</li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="settings" class="hmanchor"></a></p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Separator settings</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;">You can edit a separator's <a href="360009672852.html#visibility" class="topiclink">visibility</a> and <a href="360009672852.html#change_name" class="topiclink">name</a>, and <a href="360009672852.html#delete" class="topiclink">delete</a> it from the menu. To do that, click the gear icon <img alt="app gear icon" width="19" height="20" style="margin:0;width:19px;height:20px;border:none" src="hmfile_hash_f96bd8e3.png"/> to the right of the separator's name and select the required option.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="visibility" class="hmanchor"></a><span class="f_ImageCaption"> </span></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Separator visibility</span>. Select groups of users who must be able to see the separator in the menu. Click <span style="font-weight: bold;">Save</span> to apply changes.</li><li class="p_Normal"><span style="font-weight: bold;">Separator settings</span>. Change the separator's name and click <span style="font-weight: bold;">Save.</span><a id="change_name" class="hmanchor"></a><a id="delete" class="hmanchor"></a><span class="f_ImageCaption"> </span></li><li class="p_Normal"><span style="font-weight: bold;">Delete separator</span>.<span style="font-weight: bold;"> </span>The separator will be moved to the <a href="360009705932.html#delete" class="topiclink">Recycle Bin</a>. It will disappear from the menu and become unavailable to users.</li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">To restore a deleted separator, go to the <a href="360009705932.html#delete" class="topiclink">Recycle Bin</a> and click <span style="font-weight: bold;">Restore</span> next to the separator's name.</p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="360009925031.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">360009925031.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="system-workspaces.html">
<span class="bottom-nav__link">system-workspaces.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>
</section>
</div>
<aside class="article__sidebar" style="display:none">
<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>
<nav id="toc2"></nav>
</div>
</aside>
</div>
</article>
</main>
<footer class="footer">
<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>
</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>
</div>
</footer>
<iframe name="hmnavigation" style="display:none!important"></iframe>
<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>
<script src="./google-search.js"></script>
<script src="./main.js"></script>
</body>
</html>