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

224 lines
26 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>Create an app item on the page of another app</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="On the app form, a field with a link to another app can be added. For example, by placing a link to the&nbsp;Supplemental Agreements&nbsp;app on the form of the&nbsp;Contracts&nbsp;app, you will..." />
<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; App builder / Create an app item on the page of another app</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;">Create an app item on the page of another app</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;">On the <a href="360006963072.html" class="topiclink">app</a> form, a field with a link to another app can be added. For example, <span style="font-family: Inter;">by placing a link to the </span><span style="font-family: Inter; font-weight: bold;">Supplemental Agreements</span><span style="font-family: Inter;"> app on the form of the </span><span style="font-family: Inter; font-weight: bold;">Contracts</span><span style="font-family: Inter;"> app, you will be able to create new supplemental agreements directly from a contract page.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Consider another example. The HR department uses the </span><span style="font-family: Inter; font-weight: bold;">CV</span><span style="font-family: Inter;"> and </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> apps for working with candidates. A recruiter can open a CV and immediately arrange an interview with the candidate. He or she would only need to click the</span><span style="font-size: 11px; color: #394149;"> </span><img alt="clip0011" title="clip0011" width="37" height="28" style="margin:0;width:37px;height:28px;border:none" src="clip0011.png"/><span style="font-size: 11px; color: #394149;"> </span><span style="font-family: Inter;"> button on the CV page instead of going to the </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> app.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><span class="f_ImageCaption"> <img alt="CRAI 1" width="874" height="364" style="margin:0;width:874px;height:364px;border:none" src="hmfile_hash_83664771.png"/></span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">The new interview entry will appear both on the </span><span style="font-family: Inter; font-weight: bold;">CV</span><span style="font-family: Inter;"> page and in the </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> app.</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 link to an app</span></h2>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">Lets use the example above to see in more detail how to work with linked apps.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">To the form of the </span><span style="font-family: Inter; font-weight: bold;">CVs</span><span style="font-family: Inter;"> app, add an <a href="360009707032.html#app" class="topiclink">App</a> field and select the </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> app in the field's settings. </span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">Since we want users to be able to add several interviews to the page of one </span><span style="font-family: Inter; font-weight: bold;">CV</span><span style="font-family: Inter;">, we need to select </span><span style="font-family: Inter; font-weight: bold;">Many</span><span style="font-family: Inter;"> in the </span><span style="font-family: Inter; font-weight: bold;">CV </span><span style="font-family: Inter;">propertys settings. Otherwise, users will only be able to add one interview.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Please note that if the</span> <a href="360020016471.html" class="topiclink">Bound apps</a> <span style="font-family: Inter;">setting is enabled, the</span> add button will be unavailable.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="create-app-item-from-another-app-2" width="599" height="515" style="margin:0;width:599px;height:515px;border:none" src="create-app-item-from-another-app-2.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">To learn more, see <a href="360009918011.html" class="topiclink">App item form</a> and <a href="360009707032.html" class="topiclink">System data types</a>.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">Once the form is configured and saved, users will be able to create new interviews directly on CV pages.</span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">The add button is only available to those users who have the <a href="360007527512.html" class="topiclink">permissions</a> to view or edit the current app item and to create items of the associated app. These settings need to be set <a href="app-rights.html" class="topiclink">for app items</a>.</span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Set up the add button</span></h2>
<p class="p_Normal">In the button settings, you can:</p>
<ul style="list-style-type:disc">
<li class="p_Normal">Hide the button if you dont need to create items from the page.</li><li class="p_Normal">Change the way of adding items.</li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;"><a id="plus_settings" class="hmanchor"></a><span style="font-family: Inter;">Based on the same example, lets see how to change the settings of the add button. Open the <a href="360029148471.html" class="topiclink">view form</a> of the </span><span style="font-family: Inter; font-weight: bold;">CV</span><span style="font-family: Inter;"> app and switch to the <a href="360028941032.html" class="topiclink">Advanced Mode</a>. It is impossible to configure the add button in the standard mode.</span></p>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="create-app-item-from-another-app-3" width="879" height="364" style="margin:0;width:879px;height:364px;border:none" src="create-app-item-from-another-app-3.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="view_form" class="hmanchor"></a><span style="font-family: Inter;">Open the </span><span style="font-family: Inter; font-weight: bold;">View</span><span style="font-family: Inter;"> tab and click </span><span style="font-family: Inter; font-weight: bold;">Interview</span><span style="font-family: Inter;"> in the list of properties.</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="plus_process" class="hmanchor"></a><img alt="CRAI 4" width="879" height="464" style="margin:0;width:879px;height:464px;border:none" src="hmfile_hash_46b9b832.png"/></p>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">In the window that opens, go to the </span><span style="font-family: Inter; font-weight: bold;">App Item</span><span style="font-family: Inter;"> tab.</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="create-app-item-from-another-app-5" width="691" height="466" style="margin:0;width:691px;height:466px;border:none" src="create-app-item-from-another-app-5.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Show a button that allows users to add new items</span><span style="font-family: Inter;">. Uncheck the box to hide the add button from the view form.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Create Item Button</span><span style="font-family: Inter;">. Select how a new item needs to be added. </span><a id="plus_create" class="hmanchor"></a><span style="font-family: Inter;">In our example, three options are available: </span><span style="font-family: Inter; font-weight: bold;">&lt;Standard creation&gt;</span><span style="font-family: Inter;">, </span><span style="font-family: Inter; font-weight: bold;">+ Interview</span><span style="font-family: Inter;">, and </span><span style="font-family: Inter; font-weight: bold;">Interview candidate</span><span style="font-family: Inter;">.</span></li></ul>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">Lets take a closer look at these options .</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">&lt;Standard creation&gt;</span><span style="font-family: Inter;">. This is the</span><span style="font-family: Inter; font-weight: bold;"> </span><span style="font-family: Inter;">default option that is not related to the particular app settings. When a user clicks the button, a standard window for creating a new interview opens.</span></li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="CRAI 6" width="870" height="324" style="margin:0;width:870px;height:324px;border:none" src="hmfile_hash_2f24a640.png"/></p>
<p style="line-height: 1.20; margin: 0 0 0 13px;"><span style="font-family: Inter;">The user manually fills out the fields, and the interview is added both to the </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> app and to the CV view page.</span></p>
<p style="line-height: 1.20; margin: 0 0 0 13px;"><img alt="CRAI 7" width="870" height="379" style="margin:0;width:870px;height:379px;border:none" src="hmfile_hash_47520328.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">+ Interview</span>. This option works the same way as the <span style="background-color: #ffffff;"><a href="360019229331.html" class="topiclink">button for creating app items</a></span> located on the app page. It is very useful if you have configured <a href="360022129191.html" class="topiclink">default values for new items</a>. In this case, some fields will be prefilled, so work will go faster and with fewer mistakes.</li></ul>
<p style="line-height: 1.20; margin: 7px 0 7px 0;"><span style="font-family: Inter;">Lets say that there is a </span><span style="font-family: Inter; font-weight: bold;">Candidate</span><span style="font-family: Inter;"> field in the </span><span style="font-family: Inter; font-weight: bold;">Interviews </span><span style="font-family: Inter;">app. You can change the settings so that it is filled out automatically with the candidates name taken from the </span><span style="font-family: Inter; font-weight: bold;">CV</span><span style="font-family: Inter;">.</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><span class="f_ImageCaption"> <img alt="CRAI 8" width="561" height="246" style="margin:0;width:561px;height:246px;border:none" src="hmfile_hash_9e4ba482.png"/></span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Read more about automatically prefilled fields in the</span> <a href="360022129191.html" class="topiclink">Default values for new items</a> article.</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Interview candidate</span>. The option allows you to run by button a business process created at the level of the app to which the item is added. The process will appear in the list if a button to run it from the app page has been added. The name of the option in the settings corresponds to the name of the process. </li></ul>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 7px 48px;">To have an app item added at runtime, include the <span style="color: #0000ff;"><a href="360019810892.html" class="topiclink">Create App Item</a></span> activity. </p>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 7px 48px;">For example, the <span style="font-weight: bold;">Interviews</span> app is configured with the <span style="font-weight: bold;">Interview candidate</span> process. In this process, an HR employee sets a date for the interview, the department manager confirms the date. The supervisor then receives a task <span style="font-weight: bold;">Prepare</span> <span style="font-weight: bold;">a test case</span> and the interview is<span style="font-family: 'Times New Roman',Times,Georgia,serif;"> </span><a href="360028290072.html" class="topiclink">added to the calendar</a>.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="09.PNG" title="09.PNG" width="596" height="404" style="margin:0;width:596px;height:404px;border:none" src="360007997640-09.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">A new item is then created and added to both the </span><span style="font-family: Inter; font-weight: bold;">Interviews</span><span style="font-family: Inter;"> app and the CV page from which the process was run.</span></p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="360020016471.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">360020016471.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="extended-context.html">
<span class="bottom-nav__link">extended-context.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>