Files
help365/platform/360019229331.html
2025-05-27 21:32:35 +04:00

213 lines
20 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.

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 activities on an app page</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="Activities settings allow you to customize the button for creating an app item. Also, you can configure a button for starting a&nbsp;business&nbsp;process directly from the app page." />
<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; <a href="360006963072.html">App</a> / Set up activities on an app page</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;">Set up activities on an app page</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;"><span style="font-weight: bold;">Activities settings</span> allow you to customize the button for creating an <a href="360016427291.html" class="topiclink">app item</a>. Also, you can configure a button for starting a business process directly from the app page.</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;">Only the users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group can set up activities on the app page.</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;">Customize the creation button</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Verdana,Geneva,Arial,sans-serif;">In the top right corner of the app page, c</span>lick the gear icon and s<span style="font-family: Verdana,Geneva,Arial,sans-serif;">elect </span><span style="font-family: Verdana,Geneva,Arial,sans-serif; font-weight: bold;">Activities settings</span><span style="font-family: Verdana,Geneva,Arial,sans-serif;">.</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="SUA 1" width="702" height="350" style="margin:0;width:702px;height:350px;border:none" src="hmfile_hash_927f48cb.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">A gear icon will appear to the right of the button for adding app items. Click on this icon to open the button<span style="font-family: Inter;">s</span> settings.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="SUA 2" width="702" height="488" style="margin:0;width:702px;height:488px;border:none" src="hmfile_hash_5fb3078f.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">You can customize the following:</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Button text</span><span style="font-weight: bold; color: #ff0000;">*</span>. The name of the button as shown on the app page.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Color</span>.<span style="font-weight: bold;"> </span>Choose the color of the button.</li></ul>
<p style="line-height: 1.20; margin: 14px 0 0 12px;"><img alt="SUA 3" width="346" height="43" style="margin:0;width:346px;height:43px;border:none" src="hmfile_hash_4d72d201.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Show</span>.<span style="font-weight: bold;"> </span>Specify in which cases the button will be available to users on the app page:<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Always</span>. Users will see the button regardless of their access permissions.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">If creating is allowed</span>.<span style="font-weight: bold;"> </span>Only users who have the <a href="360007527512.html#assign" class="topiclink">permission to create app items</a> will see the button.</li></ul>
<li style="line-height: 1.20;"><span style="font-weight: bold;">Configure default fields</span>. You can set up pre-filled fields on the <a href="360016427291.html#element_page" class="topiclink">app item creation page</a>. When a user opens the creation page, these fields will already be filled with the values you enter.</li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="start_process_button" class="hmanchor"></a>Click <span style="font-weight: bold;">Save</span> to apply the changes.</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 business process start button</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Verdana,Geneva,Arial,sans-serif;">In the top right corner of the app page, c</span>lick the gear icon<span style="font-family: Verdana,Geneva,Arial,sans-serif;"> and select </span><span style="font-family: Verdana,Geneva,Arial,sans-serif; font-weight: bold;">Activities settings</span><span style="font-family: Verdana,Geneva,Arial,sans-serif;">.</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="SUA 1" width="702" height="350" style="margin:0;width:702px;height:350px;border:none" src="hmfile_hash_927f48cb.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">The plus icon <img alt="gear icon purple background" width="19" height="22" style="margin:0;width:19px;height:22px;border:none" src="hmfile_hash_c2108d79.png"/> will appear to the right of the item creation button. Click on it and select <span style="font-weight: bold;">Add the &quot;Start Process&quot; button</span>.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="set-up-activities-add-process-start-button" width="429" height="216" style="margin:0;width:429px;height:216px;border:none" src="set-up-activities-add-process-start-button.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">Fill in the fields in the pop-up window.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="set-up-activities-start-process-button" width="394" height="595" style="margin:0;width:394px;height:595px;border:none" src="set-up-activities-start-process-button.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Button text</span><span style="font-weight: bold; color: #ff0000;">*</span>.<span style="font-weight: bold;"> </span>Name of the button on the app page.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Color</span>.<span style="font-weight: bold;"> </span>Button text.</li></ul>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span class="f_ImageCaption"> <img alt="SUA 6" width="346" height="39" style="margin:0;width:346px;height:39px;border:none" src="hmfile_hash_9db25854.png"/></span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Business process</span>.<span style="font-weight: bold;"> </span>Select the business process that will start when a user clicks the button.<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Link to field</span>. Select the <a href="process_context.html" class="topiclink">business process context</a> variable that the app item will be passed to.</li></ul>
<li style="line-height: 1.20;"><span style="font-weight: bold;">Display form next to the button</span>.<span style="font-weight: bold;"> </span>Check this box if you want the process start form to be displayed below the button, not in a separate window.<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Form size</span>.<span style="font-weight: bold;"> </span>Select the size of the process start form.</li></ul></li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">After filling in all the fields, click <span style="font-weight: bold;">Create</span> to add the button.</p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="360025745312.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">360025745312.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="enable-mass-actions.html">
<span class="bottom-nav__link">enable-mass-actions.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>