levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
56a5d8ebe02b9586afc0022ec5afc22000d96031
help365/platform/how_to_bind_app_to_proccess.html
koziavin 00717a92fb
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
Details
update
2025-05-29 16:42:45 +04:00

257 lines
39 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>Associate a process with an 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="Set up the logic of working with an app by binding it with a business process. For example, the&nbsp;Contracts&nbsp;app can be bound to the&nbsp;Approval business process. The process would..." />
<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>Getting started / Associate a process with an app</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Associate a process with an 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 style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;">Set up the logic of working with an app by binding it with a business process. For example, the <span style="font-weight: bold;">Contracts</span> app can be bound to the <span style="font-weight: bold;">Approval</span> business process. The process would include all the stages of document approval, approvers, deadlines, as well as the steps for the users to take in case the contract is not approved.</p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;">Business processes are configured in the BRIX business process designer. The image below demonstrates the basic layout of the designer:</p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP1" width="922" height="606" style="margin:0;width:922px;height:606px;border:none" src="htaaawabp1.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">The modeling canvas is located in the center, on the right side you can see a panel with all the workflow activities.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">&nbsp;</span></h2>
<h2 class="p_Heading2"><span class="f_Heading2">Create a new process for an app</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Let</span><span style="font-size: 15px; font-family: Inter;">’s a</span><span style="color: #394149;">dd a business process for the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app. Read about setting it up in the </span><span style="color: #0000ff;"><a href="how_to_create_an_app.html" class="topiclink">Create an app</a> </span><span style="color: #394149;">article.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Click the gear icon next to the app’s name and select </span><span style="font-weight: bold; color: #394149;">Business Processes</span><span style="color: #394149;"> in the menu. A page with associated business processes opens.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">To add a new business process, click the </span><span style="font-weight: bold; color: #394149;">+Process</span><span style="color: #394149;"> button.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Fill out the fields in the pop-up window:</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Name</span><span style="font-weight: bold; color: #ff0000;">*</span><span style="color: #394149;">. Enter the name which will be displayed on the business processes page of the app.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Type</span><span style="font-weight: bold; color: #ff0000;">*</span><span style="color: #394149;">. Select a process with the BPMN elements.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Parent category</span><span style="color: #394149;">. Specify the folder that will store the business process. To create a new folder, open the list of business processes and click </span><span style="font-weight: bold; color: #394149;">+Folder</span><span style="color: #394149;">.</span></li></ul>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">After the fields are filled out, click the </span><span style="font-weight: bold; color: #394149;">Create</span><span style="color: #394149;"> button. The process designer page opens. Here you can set up a business process which will determine the route of a contract’s approval.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP2" width="1366" height="625" style="margin:0;width:1366px;height:625px;border:none" src="htaaawabp2.gif"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">&nbsp;</span></h2>
<h3 class="p_Heading3"><span class="f_Heading3">Set up the process diagram</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 0 0 11px 0;"><span style="color: #394149;">As an example, let</span><span style="font-size: 15px; font-family: Inter;">’</span><span style="color: #394149;">s create the following process: the initiator sends a contract for approval, and it is reviewed by the Head of Sales and the Legal Officer. If necessary, the contract is then sent for revision. After the contract is approved by both participants, it is registered by the accountant. Then the process ends.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 0 0 11px 0;"><img alt="HtAaAWaBP3" width="777" height="419" style="margin:0;width:777px;height:419px;border:none" src="htaaawabp3.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Add participants</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Every employee who has any role in the process is represented on the diagram with a </span><span style="color: #0000ff;"><a href="360012263032.html" class="topiclink">swimlane</a></span><span style="color: #394149;">. In the given approval process there are three swimlanes: </span><span style="font-weight: bold; color: #394149;">Initiator</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Approvers</span><span style="color: #394149;">, and </span><span style="font-weight: bold; color: #394149;">Accountant</span><span style="color: #394149;">. As we have several approvers, the Head of the Sales and the Legal Officer, add them to one user group for convenience. To do this, go to </span><span style="font-weight: bold; color: #394149;">Administration &gt; Groups</span><span style="color: #394149;"> and click the </span><span style="font-weight: bold; color: #394149;">+Group</span><span style="color: #394149;"> button.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP4" width="908" height="461" style="margin:0;width:908px;height:461px;border:none" src="htaaawabp4.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Name the group </span><span style="font-weight: bold; color: #394149;">Contracts. Approvers</span><span style="color: #394149;"> and save the settings. We are going to need this group for swimlane configuration later.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">The </span><span style="font-weight: bold; color: #394149;">Initiator </span><span style="color: #394149;">swimlane is added to the diagram by default. As any employee can initiate a process, this swimlane does not have a specific executor. Such swimlanes are called dynamic.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Add a swimlane for approvers. Use a static swimlane since the executors are known beforehand. In the <span style="font-weight: bold;">Select group </span>field, select the group of approvers created earlier.</p>
<p style="line-height: 1.20; margin: 0 0 7px 0;"><img alt="HtAaAWaBP5" width="477" height="386" style="margin:0;width:477px;height:386px;border:none" src="htaaawabp5.png"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Add the third swimlane for the accountant who is going to register the approved contract. Make it static as well.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP6" width="1195" height="539" style="margin:0;width:1195px;height:539px;border:none" src="htaaawabp6.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Add activities</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, you have to place the activities into the swimlanes and connect them. Adding an activity to the diagram is simple. Just drag it from the right side panel and drop in the intended swimlane. Then, connect the activities using connectors to set the route of the process.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">You are going to need the following activities: </span><span style="font-weight: bold; color: #394149;">Task</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Notification</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;">, and </span><span style="font-weight: bold; color: #394149;">End approval</span><span style="color: #394149;">. Also, any process always has a </span><span style="font-weight: bold; color: #394149;">Start event</span><span style="color: #394149;"> and an </span><span style="font-weight: bold; color: #394149;">End event</span><span style="color: #394149;"> activity.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Start Event</span></h4>
<p class="p_Normal"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">The </span><span style="color: #394149;">diagram</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> of any process begins with a start event. When an employee adds a new contract to the system and clicks the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Send for approval</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> button on its page, a start form appears. On this form, one can enter comments, specify approval deadlines, and so on.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">To configure the form, double-click on the start event in the diagram. In the settings window, open the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Form</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> tab. On the left, in the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Context</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> column, the process variables are listed, including the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Contract</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> field which stores the document itself. Add the fields that users need to fill out when sending the contract for approval to the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Name on form</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> column.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><img alt="how_to_bind_app_to_proccess-7" width="787" height="489" style="margin:0;width:787px;height:489px;border:none" src="how_to_bind_app_to_proccess-7.png"/></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">If you lack a variable in the context, create it by clicking the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">+Add</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> button. Specify the name and data type of the new variable. For example, for the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Approve until</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> field, select the <a href="360009707032.html#date-time" class="topiclink">Date/time</a> data type.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">For more information on configuring the start event form, read the <a href="360012496011.html#form_tab" class="topiclink">Events</a> article.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Approval activity</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Place the </span><span style="color: #0000ff;"><a href="360010366380.html" class="topiclink">Approval</a></span><span style="color: #394149;"> activity in the approvers swimlane. Double-click to configure.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">In the </span><span style="font-weight: bold; color: #394149;">General</span><span style="color: #394149;"> tab, in the drop-down menu, select the document you’re sending for approval. In this example it is the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;">.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Select </span><span style="font-weight: bold; color: #394149;">Approval type</span><span style="color: #394149;">. Suppose we want all approvers to work with the contract at the same time. After every one of them makes a decision, the contract continues down the route. To do this, select the </span><span style="font-weight: bold; color: #394149;">Parallel</span><span style="color: #394149;"> approval type.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP8" width="826" height="431" style="margin:0;width:826px;height:431px;border:none" src="htaaawabp8.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 26px 0 0 0;"><span style="color: #394149;">If needed, set a deadline for the task on the </span><span style="font-weight: bold; color: #394149;">Deadline</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Open the </span><span style="font-weight: bold; color: #394149;">Connectors</span><span style="color: #394149;"> tab and check the </span><span style="font-weight: bold; color: #394149;">Reject</span><span style="color: #394149;"> box as a default connector. Now, the process follows this route if the conditions of the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector are not met. For example, one of the approvers comes to a negative decision. Note that the name of the connector is the same as the name of the following activity by default. You can change the names on the </span><span style="font-weight: bold; color: #394149;">Connectors</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP9" width="847" height="262" style="margin:0;width:847px;height:262px;border:none" src="htaaawabp9.png"/></p>
<h4 class="p_Heading4"><span class="f_Heading4">Approve connector</span></h4>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Now, configure the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector. Here you need to determine the conditions for the contract to be considered as approved. The process involves several approvers, some of them may approve the contract and some of them may not. Double-click on the connector on the modeling field, go to the </span><span style="font-weight: bold; color: #394149;">Conditions</span><span style="color: #394149;"> tab and set the approval percentage to 100. This means that the contract is considered approved only when all the approvers make a positive decision. After that, the process continues.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP10" width="980" height="227" style="margin:0;width:980px;height:227px;border:none" src="htaaawabp10.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">&nbsp;</span></h3>
<h4 class="p_Heading4"><span class="f_Heading4">Notifications</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">After the approvers make a decision, the initiator has to be notified whether the contract has been approved or not. To do this, add two notification activities to the diagram. Connect one of them with the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector, and the other with the </span><span style="font-weight: bold; color: #394149;">Reject</span><span style="color: #394149;"> connector.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">In the settings of every notification enter a name and a message text. Also, select the recipient on the </span><span style="font-weight: bold; color: #394149;">Recipients</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP11" width="630" height="434" style="margin:0;width:630px;height:434px;border:none" src="htaaawabp11.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">To do this, click </span><span style="font-weight: bold; color: #394149;">Add</span><span style="color: #394149;"> and select the </span><span style="font-weight: bold; color: #394149;">Initiator</span><span style="color: #394149;"> context variable.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">End Approval</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-weight: bold; color: #394149;">End approval</span><span style="color: #394149;"> is always used with the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> activity. It allows you to see the final decision on the document right away without having to wait for the process to be completed. Place it near the contract approval notification. Open the settings, select the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> variable as an approval object and then select the </span><span style="font-weight: bold; color: #394149;">Approved</span><span style="color: #394149;"> decision.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP12" width="819" height="367" style="margin:0;width:819px;height:367px;border:none" src="htaaawabp12.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, when the contract reaches this stage of the workflow, the decision appears on the contract page while the process flow continues.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Make changes and Register the contract tasks</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Apart from the approval task itself, the process can include additional tasks.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">If the approvers have rejected the contract, it needs to be returned to the initiator to make changes. To do this, add the </span><span style="font-weight: bold; color: #394149;">Make changes to the contract </span><span style="color: #394149;">task to the initiator’s swimlane</span><span style="font-weight: bold; color: #394149;">. </span><span style="color: #394149;">This allows the initiator to make changes and be able to resend the document for approval. Make this option available by adding a connector between the </span><span style="font-weight: bold; color: #394149;">Make changes</span><span style="color: #394149;"> and the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> tasks.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">The approved contract goes to the accountant for registration. Add the task to the diagram, name it and set a deadline. Remember to add the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> variable to the task form.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP13" width="820" height="507" style="margin:0;width:820px;height:507px;border:none" src="htaaawabp13.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, the accountant can access the document page and register it straight from the task.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">End Event</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Finally, add an </span><span style="font-weight: bold; color: #394149;">End event</span><span style="color: #394149;"> at the end of the route:</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP14" width="785" height="427" style="margin:0;width:785px;height:427px;border:none" src="htaaawabp14.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">After the </span><span style="font-weight: bold; color: #394149;">Register the contract</span><span style="color: #394149;"> task when the contract has finished the route.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">After the </span><span style="font-weight: bold; color: #394149;">Make changes</span><span style="color: #394149;"> task, in case it is impossible to make necessary changes.</span></li></ul>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Save, check, and published the process using the top menu buttons. After this, the process will be available for the users.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Associate the route with a document type</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">When the route is configured and published, you need to associate it with the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app and a Process launch button to the contract form.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Go to the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app and open any contract item. In the bottom left corner of the form, click on the gear icon near the </span><span style="font-weight: bold; color: #394149;">Edit</span><span style="color: #394149;"> button. Click the </span><span style="font-weight: bold; color: #394149;">+</span><span style="color: #394149;"> icon. In the pop-up menu, select </span><span style="font-weight: bold; color: #394149;">Add the &quot;Process start&quot; button</span><span style="color: #394149;">. Configure the button:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">Add a title to the button: </span><span style="font-weight: bold; color: #394149;">Send for approval</span><span style="color: #394149;">. Choose its color.</span></li><li value="2" style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">Select whether to always show the button, or only if editing or deleting is allowed.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Select the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> process created in the previous steps.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><img alt="HtAaAWaBP15" width="1366" height="625" style="margin:0;width:1366px;height:625px;border:none" src="htaaawabp15.gif"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Now the contract form contains the <span style="font-weight: bold;">Send for approval</span> button. When an employee clicks on it, the process starts. The system sends the contract to the approvers and assigns the corresponding tasks. Then, the contract goes to registration. You can find the fields for registration on the side panel of the document. The accountant has to add an office, a folder and enter the registration number for the contract.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP16" width="267" height="237" style="margin:0;width:267px;height:237px;border:none" src="htaaawabp16.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Note that the registration is only available for the apps of the Document type. To register documents in the system, set up </span><span style="font-weight: bold; color: #394149;">Document categorization</span><span style="color: #394149;"> and enable registration. To learn more see </span><span style="color: #0000ff;"><a href="records_classification.html" class="topiclink">Document categorization and registration settings</a></span><span style="color: #394149;">.</span></p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="form_low_code.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">form_low_code.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="360010927040.html">
<span class="bottom-nav__link">360010927040.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>
Reference in New Issue View Git Blame Copy Permalink