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

238 lines
22 KiB
HTML
Raw Permalink 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.

This file contains Unicode characters that might be confused with other characters. 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>Set up portal pages</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="Portal pages are sets of certain data added using widgets. They are set up in the same way as standard pages in the system." />
<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><a href="service-portal.html">External portal</a> / Set up portal pages</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Set up portal pages</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 style="line-height: 1.20;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<p style="line-height: 1.20;">Portal pages are sets of certain data added using widgets. They are set up in the same way as standard <a href="360009924451.html" class="topiclink">pages</a> in the system.</p>
<p style="line-height: 1.20; margin: 16px 0 0 0;">You can create custom pages with app lists, buttons for creating app items and launching business processes, activity streams, etc.</p>
<p style="line-height: 1.20; margin: 16px 0 0 0;">When <a href="service-portal.html" class="topiclink">enabling the portal</a>, you can select its configuration:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><a href="portal-setting.html#empty" class="topiclink">Empty</a>. It consists of the empty home page. You can configure it from scratch, and also create additional pages.</li></ul>
<ul style="list-style-type:disc">
<li class="p_Normal"><a href="portal-setting.html#template" class="topiclink">Use template</a>. It consists of:</li></ul>
<ul style="list-style-type:circle"><ul style="list-style-type:circle"><ul style="list-style-type:square">
<li class="p_Normal">A preconfigured home page with a header and <a href="portal_navigation_widget.html" class="topiclink">Portal navigation widget</a>, with right, left, and bottom panels for placing information.</li><li class="p_Normal">Three empty pages which can be filled with widgets.</li></ul></li></ul></li></ul>
<p class="p_Normal">Apart from configuring pages intended for working with the portal, you can also customize the appearance of the sign-in, registration, and authentication pages. Read more about it in the <a href="portal-login-page.html" class="topiclink">Set up the sign-in portal page</a> article.</p>
<h2 class="p_Heading2"><a id="empty" class="hmanchor"></a><span class="f_Heading2">Set up an empty portal</span></h2>
<p class="p_Normal">When you select the <span style="font-weight: bold;">Empty</span> option, a <span style="font-weight: bold;">Home Page</span> is added to the portal. It cannot be deleted. You can fill it up with widgets or add custom pages. To do this:</p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">Click the <span style="font-weight: bold;">+Page</span> button in the top right corner.</li></ol>
<p style="line-height: 1.20; margin: 0 0 0 34px;"><img alt="service-portal-4" width="852" height="272" style="margin:0;width:852px;height:272px;border:none" src="service-portal-4.png"/></p>
<ol style="list-style-type:upper-roman">
<li value="2" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">Come up with a name for the page.</li></ol>
<p style="line-height: 1.20; margin: 0 0 0 34px;"><img alt="service-portal-5" width="546" height="283" style="margin:0;width:546px;height:283px;border:none" src="service-portal-5.png"/></p>
<p style="line-height: 1.20;">The pages URL is generated automatically and is used to get quick access to the page.</p>
<ol style="list-style-type:upper-roman">
<li value="3" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">Click <span style="font-weight: bold;">Create</span> to complete the configuration. After that, the new page is created and you can now fill it up with widgets. </li><li value="4" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">Click on the page name in the list to open the <a href="interface_designer.html" class="topiclink">interface designer</a>. Read more about setting up widgets in <a href="360027211631.html" class="topiclink">Add a widget to a page</a>.</li></ol>
<p style="line-height: 1.20; margin: 0 0 0 34px;"><img alt="builder_01" width="752" height="423" style="margin:0;width:752px;height:423px;border:none" src="builder_01.png"/></p>
<ol style="list-style-type:upper-roman">
<li value="5" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;">To apply your settings, save and publish the page</li></ol>
<p style="line-height: 1.20; margin: 0 0 0 48px;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<p style="line-height: 1.20;">The default <span style="font-weight: bold;">Home Page</span> can be customized in the interface designer in the same way as the custom pages you have created.</p>
<h2 class="p_Heading2"><a id="template" class="hmanchor"></a><span class="f_Heading2">Use template</span></h2>
<p class="p_Normal">The portal template consists of: </p>
<ul style="list-style-type:disc">
<li class="p_Normal">The home page, which contains:</li></ul>
<ul style="list-style-type:disc"><ul style="list-style-type:circle"><ul style="list-style-type:square">
<li class="p_Normal"><a href="portal_title_widget.html" class="topiclink">Page header widget</a> that features your companys name and its logo, as well as the <span style="font-weight: bold;">My Portals </span>and <span style="font-weight: bold;">Sign Out</span> buttons.</li><li class="p_Normal"><a href="portal_navigation_widget.html" class="topiclink">Portal navigation widget</a> for switching between portal pages.</li><li class="p_Normal">Additional <a href="portal_elements.html" class="topiclink">portal elements</a>: header, left and right panes, and a footer. You can <a href="portal-setting.html#settings" class="topiclink">disable</a> the display of these elements.</li></ul></li></ul></li></ul>
<ul style="list-style-type:disc">
<li class="p_Normal">Three empty pages that can be filled with user data. The home page widgets are also displayed on them.</li></ul>
<p style="line-height: 1.20; margin: 0 0 16px 0;">To use the template, <a href="service-portal.html" class="topiclink">enable the portal</a> and select the <span style="font-weight: bold;">By template</span> option. In the window that opens, enter a name for each page.</p>
<p style="line-height: 1.20;"><img alt="service-portal-8" width="700" height="437" style="margin:0;width:700px;height:437px;border:none" src="service-portal-8.png"/></p>
<p style="line-height: 1.20;">Then click <span style="font-weight: bold;">Save</span>. The portal settings page opens.</p>
<p style="line-height: 1.20;"><img alt="service-portal-9" width="575" height="293" style="margin:0;width:575px;height:293px;border:none" src="service-portal-9.png"/></p>
<p class="p_Normal">Pages are displayed in the same order as they will be shown to <a href="external-users.html" class="topiclink">external users</a> when they open the portal. You can drag and drop the pages in the list to change their order.</p>
<p class="p_Normal">To add more pages, click the <span style="font-weight: bold;">+Page</span> button.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Edit the preset pages</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">To change the home page or add data to empty portal pages, go to the <a href="interface_designer.html" class="topiclink">Interface designer</a>. To do that, click on the pages name in the list.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Alternatively, you can click on the gear icon next to the page name and select <span style="font-weight: bold;">Widget Builder</span>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">In the interface designer, you can:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;">Disable the display of default elements: header, left and right panes, or footer. To do that, click <span style="font-weight: bold;">Settings</span> in the top toolbar of the designer and deselect the elements.</li></ul>
<p style="line-height: 1.20;"><img alt="portal2" width="624" height="387" style="margin:0;width:624px;height:387px;border:none" src="portal2.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;">Add more widgets with data to the page. Read more about setting up widgets in <a href="360027211631.html" class="topiclink">Add a widget to a page</a>.<a id="settings" class="hmanchor"></a></li></ul>
<p class="p_Normal">After the portal is published, the home page widgets are also displayed on all pages.</p>
<p style="line-height: 1.20;">Once you finish the setup, click <span style="font-weight: bold;">Save</span>, and then <span style="font-weight: bold;">Publish</span> in the top toolbar.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Customize a dynamic page</span></h2>
<p style="line-height: 1.20;">You can configure the dynamic display of content on the same page using the <a href="navigator.html" class="topiclink">Navigator</a> widget. For example, you can add a menu with links to a page. When the user switches between these links, they see different information on the same page without having to leave the page.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Preview and edit a page</span></h2>
<p class="p_Normal">You can see what the customized portal pages will look like for external users. To do this, click on the <span style="font-weight: bold;">Preview</span> button in the upper right corner of the portal page or on the eye icon opposite the page name.</p>
<p class="p_Normal">Click the gear icon next to the page name to open the menu with the following options:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Widget Builder</span>. Open the <span style="font-weight: bold;">Interface designer</span>.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Page Settings</span>. Change the name of the page or copy its URL.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Copy Page</span>.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Delete Page</span>.</li></ul>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="service-portal.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">service-portal.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="portal-login-page.html">
<span class="bottom-nav__link">portal-login-page.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>