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

update
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
Details

Browse Source
This commit is contained in:
koziavin
2025-05-29 16:42:45 +04:00
parent e217f89702
commit 00717a92fb
2681 changed files with 173810 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
platform/360009918011.html Normal file
View File

@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>App item form</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 form is the layout of an app item’s page. When you configure a form, you specify what the page of an item will look like: what kind of data it will display, what information..." />
<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 / App item form</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;">App item form</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;"> form</span> is the layout of an app item<span style="font-family: Inter;">’s page</span>. When you configure a form, you specify what the page of an item will look like: what kind of data it will display, what information the user will have to enter, and which fields can or cannot be edited.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">You can configure forms when <a href="360007235031.html#from_scratch" class="topiclink">adding a new app</a> or when <a href="360009918011.html#edit_form" class="topiclink">editing an existing one</a>. A configured form is used for creating, viewing, and editing an <a href="360016427291.html" class="topiclink">app item</a>. </p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">Here is what an app item form may look like:</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><a id="edit_form" class="hmanchor"></a><span class="f_ImageCaption"> <img alt="app-item-forms-1" width="771" height="529" style="margin:0;width:771px;height:529px;border:none" src="app-item-forms-1.png"/></span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">Forms have fields that need to be filled out, like name, position, phone number, etc. In addition, you can add tables, lists, and radio buttons that allow the user to select one or more options.</p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><a id="configuringformfields" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Configure form fields</span></h2>
<p class="p_Normal">You can add an unlimited number of fields to the form, defining their order and settings.</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 users included in the<span style="font-weight: bold;"> </span><a href="360006871932.html" class="topiclink">Administrators</a> group can configure forms.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">There are two ways to open form settings:</p>
<ol style="list-style-type:decimal">
<li value="1" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In the left menu of a workspace, click the <img alt="app gear icon" width="19" height="20" style="margin:0;width:19px;height:20px;border:none" src="hmfile_hash_f96bd8e3.png"/><span class="f_ImageCaption"> </span>icon next to an app<span style="font-family: Inter;">’s</span> name and select <span style="font-weight: bold;">Form Settings</span>.</li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 29px;"><img alt="AIF 2" width="488" height="561" style="margin:0;width:488px;height:561px;border:none" src="hmfile_hash_1799ee00.png"/></p>
<ol style="list-style-type:decimal" start="2">
<li value="2" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">On an app page, click on the name of any app item. In the window that opens, click the <span style="font-weight: bold;">Form Settings </span>link.</li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 29px;"><img alt="aif 3" width="857" height="463" style="margin:0;width:857px;height:463px;border:none" src="hmfile_hash_b70cdd24.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">The <span style="font-weight: bold;">Form Settings </span>window will open. It contains two areas: on the left you can see the <a href="360016427291.html" class="topiclink">app item</a> form, while on the right is the properties pane. You can find more information about all types of properties in the <a href="360009707032.html" class="topiclink">System data types</a> article.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">Each property placed in the area on the left is a field on the form. Drag and drop properties from the pane on the right to add the fields you need.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="aif 4" width="806" height="565" style="margin:0;width:806px;height:565px;border:none" src="hmfile_hash_bfc03110.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">You can also drag and drop fields on the form to rearrange them.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">After adding all the fields you need, you can start configuring them. </p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">In the left part of the window, fields are collapsed. Click on a field to expand it and define its parameters.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="AIF 5" width="860" height="648" style="margin:0;width:860px;height:648px;border:none" src="hmfile_hash_8f2a26a4.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">You can edit:</p>
<div style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 14px 0 0 0;"><table style="width:762px; border:solid thin #a0a0a0; border-spacing:2px;">
<tr>
<td style="vertical-align:middle; width:298px; height:48px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;"><img alt="aif 6" width="132" height="55" style="margin:0;width:132px;height:55px;border:none" src="hmfile_hash_3e852661.png"/></p>
</td>
<td style="vertical-align:middle; width:447px; height:48px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 7px;">The field<span style="font-family: Inter;">’s</span> name that will be displayed on the pages for creating, viewing, and editing an app item.</p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:298px; height:48px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;"><img alt="aif 7" width="132" height="55" style="margin:0;width:132px;height:55px;border:none" src="hmfile_hash_6eae26ce.png"/></p>
</td>
<td style="vertical-align:middle; width:447px; height:48px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 7px;"><a id="common_fields" class="hmanchor"></a>The field<span style="font-family: Inter;">’s</span> code used when working with the API. </p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:298px; height:74px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;"><img alt="aif 8" width="132" height="55" style="margin:0;width:132px;height:55px;border:none" src="hmfile_hash_ebecd74f.png"/></p>
</td>
<td style="vertical-align:middle; width:447px; height:74px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 6px;">Additional information that clarifies how to fill out the field on an app item form.<span style="font-style: italic;"> </span>For example, <span style="font-family: Inter;">“</span>Enter your mobile phone number in the following format: +1 5ХХ ХХХ ХХ ХХ<span style="font-family: Inter;">”</span>.</p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:298px; height:74px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;"><img alt="aif 9" width="171" height="46" style="margin:0;width:171px;height:46px;border:none" src="hmfile_hash_f640f7de.png"/></p>
</td>
<td style="vertical-align:middle; width:447px; height:74px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 7px;"><a id="search_field" class="hmanchor"></a>If you check this box, the field will be used as a parameter for <a href="360009669952.html" class="topiclink">search in the app</a>.</p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:298px; height:213px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20;"><img alt="aif 10" width="187" height="241" style="margin:0;width:187px;height:241px;border:none" src="hmfile_hash_f03db889.png"/></p>
</td>
<td style="vertical-align:middle; width:447px; height:213px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20; margin: 0 0 0 8px;">Each property has a set of parameters. For instance, for a <span style="font-weight: bold;">Phone</span> <span style="font-weight: bold;">number</span> type property, you can specify its type: home, work, mobile, etc. For a <span style="font-weight: bold;">Money</span> type property, you can select the currency, for example, USD. You can learn more about properties and their settings in the <a href="360009707032.html" class="topiclink">System data types</a> article.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">If you need to make a field required, click the <img alt="required grey" width="18" height="21" style="margin:0;width:18px;height:21px;border:none" src="hmfile_hash_c7fb650f.png"/>icon next to its name.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">Required fields are marked with<span class="f_ImageCaption"> <img alt="required" width="18" height="20" style="margin:0;width:18px;height:20px;border:none" src="required.png"/></span>on the form. If a required field is not filled out, the user will see a warning when saving the item.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="app-item-forms-required" width="473" height="95" style="margin:0;width:473px;height:95px;border:none" src="app-item-forms-required.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">To delete a field, click the <img alt="trash" width="19" height="22" style="margin:0;width:19px;height:22px;border:none" src="trash.png"/><span class="f_ImageCaption"> </span>icon.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="aif 12" width="944" height="597" style="margin:0;width:944px;height:597px;border:none" src="hmfile_hash_fa5225e8.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">After configuring the form, click <span style="font-weight: bold;">Save</span>.</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="aif 13" width="880" height="593" style="margin:0;width:880px;height:593px;border:none" src="hmfile_hash_34b92d5b.png"/></p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">If you want to set up different forms for creating, viewing, and editing app items, switch to the <a href="360028941032.html" class="topiclink">Advanced Mode</a>. </p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="system_objects.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">system_objects.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="360009707032.html">
<span class="bottom-nav__link">360009707032.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>