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

226 lines
29 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Button</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="This widget allows you to add a button to a page, app or task form. You can use a script to define the on-click behavior of the button." />
<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="interface_settings.html">Set up interfaces</a> &gt; Widget types &gt; Common widgets / Button</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Button</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: 7px 0 16px 0;"><span style="color: #394149;">This widget allows you to add a button to a page, app or task form. You can use a script to define the on-click behavior of the button.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">To configure the widget, drag it from the right-side panel of the <a href="interface_designer.html" class="topiclink">interface designer</a> to the modeling canvas or click </span><span style="font-weight: bold; color: #394149;">+ Widget</span><span style="color: #394149;">. Read more in the <a href="360029250931.html" class="topiclink">Form templates</a> article. In the pop-up window that opens, configure the widget</span><span style="font-size: 15px; font-family: Inter;"></span><span style="color: #394149;">s settings.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Main tab</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="button_main_settings" width="891" height="427" style="margin:0;width:891px;height:427px;border:none" src="button_main_settings.png"/></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-family: Inter; font-weight: bold; color: #394149;">Button color</span><span style="font-family: Inter; color: #394149;">. Select what the button will look like.</span></li><li class="p_Normal"><span style="font-family: Inter; font-weight: bold; color: #394149;">Title/Tooltip</span><span style="font-family: Inter; font-weight: bold; color: #ff0000;">*</span><span style="font-family: Inter; color: #394149;">. Add a text that will be shown on the button. You can <a href="common_widget_settings.html#bind-app" class="topiclink">link</a> this field with a context variable by clicking </span><img alt="bind_table-icon" title="bind_table-icon" width="17" height="17" style="margin:0;width:17px;height:17px;border:none" src="bind_table-icon.png"/><span class="f_ImageCaption">.</span></li><li class="p_Normal"><span style="font-family: Inter; font-weight: bold; color: #394149;">Icon</span><span style="font-family: Inter; color: #394149;">. Select an icon to be shown next to the button.</span></li><li class="p_Normal"><span style="font-family: Inter; font-weight: bold; color: #394149;">Hide start form</span><span style="font-family: Inter; color: #394149;">. This option is used for buttons for <a href="button_widget.html#start_process" class="topiclink">launching business processes</a>. Enable it if you don</span><span style="font-size: 15px; font-family: Inter;">t want</span><span style="font-family: Inter; color: #394149;"> the <a href="360012496011.html#form_tab" class="topiclink">process start form</a> configured in the start event to be displayed upon button click. </span>The process execution will start with the activity placed directly after the start event. You can <a href="common_widget_settings.html#bind-app" class="topiclink">link</a> the field with a context variable by clicking<span style="font-family: Inter; color: #394149;"> </span><img alt="bind_table-icon" title="bind_table-icon" width="17" height="17" style="margin:0;width:17px;height:17px;border:none" src="bind_table-icon.png"/><span class="f_ImageCaption">.</span></li><li class="p_Normal"><span style="font-size: 15px; font-weight: bold; color: #394149;">Action type</span><span style="font-size: 15px; color: #394149;">. Select the action that will take place when a user clicks the button</span>:</li></ul>
<ul style="list-style-type:circle"><ul style="list-style-type:circle">
<li class="p_Normal"><a href="button_widget.html#script" class="topiclink">Run a script</a>. Select a function created on the the <a href="designer-tabs.html#scripts" class="topiclink">Scripts</a> tab or create a new one.</li><li class="p_Normal"><span style="font-size: 15px; color: #394149;"><a href="button_widget.html#preset_action" class="topiclink">Select a preset action</a>. Select one of actions available in the system, for example, </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Restrict access to data</span><span style="font-size: 15px; color: #394149;">.</span></li><li class="p_Normal"><span style="font-size: 15px; color: #394149;"><a href="button_widget.html#start_process" class="topiclink">Start a process</a>. Bind a process to the button to run a process instance.</span></li><li class="p_Normal"><span style="font-size: 15px; color: #394149;"><a href="button_widget.html#create_item" class="topiclink">Create an app item</a>.</span></li><li class="p_Normal"><span style="font-size: 15px; color: #394149;"><a href="button_widget.html#open_link" class="topiclink">Open a link</a>. Configure a link to open when a user click on the button.</span></li></ul></li></ul>
<p class="p_Normal">&nbsp;</p>
<h3 class="p_Heading3"><a id="script" class="hmanchor"></a><span class="f_Heading3">Run a script</span></h3>
<p style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">When a user clicks the button, a predefined script runs. You can use this option if you need to</span><span style="font-size: 15px; color: #394149;"> display information </span><span style="font-size: 15px; color: #394149;">depending on a certain condition.</span></p>
<p style="line-height: 1.20; margin: 16px 0 16px 0;"><span style="font-size: 15px; color: #394149;">Select a script from the</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-size: 15px; color: #394149;"><a href="designer-tabs.html#scripts" class="topiclink">Scripts</a> tab. You can also move to creating a script by clicking </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Create</span><span style="font-size: 15px; color: #394149;">, entering the function</span><span style="font-size: 15px; font-family: Inter;">s name, and clicking </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Open</span><span style="font-size: 15px; font-family: Inter;">. </span><span style="font-size: 15px; color: #394149;">Read more about creating client and server scripts in the</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-size: 15px; color: #394149;"><a href="client_server_scripts.html" class="topiclink">Scripts in widgets</a> article</span><span style="font-size: 15px; color: #394149;">.</span></p>
<h3 class="p_Heading3"><a id="preset_action" class="hmanchor"></a><span class="f_Heading3">Run a preset action</span></h3>
<p class="p_Normal">When a user clicks the button, a preset action runs. Select the action in the field below. Note that this option is not available for pages.</p>
<p class="p_Normal">Actions available for all types of apps:</p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Access settings</span>.<span style="font-weight: bold;"> </span>The user can change the access permissions for app items. This is only available if you have enabled the <span style="font-weight: bold;">Restrict access to data</span> option in the app<span style="font-size: 15px; font-family: Inter;"></span>s settings.</li></ul>
<p class="p_Normal">Actions available for <span style="font-weight: bold;">Document</span> type apps:</p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Add version</span>.<span style="font-weight: bold;"> </span>Upload a new version of the document.</li><li class="p_Normal"><span style="font-weight: bold;">Send</span>. Send the document for approval or for information.</li><li class="p_Normal"><span style="font-weight: bold;">Version list</span>. Open a list of all the file<span style="font-size: 15px; font-family: Inter;"></span>s versions.</li></ul>
<p class="p_Normal">Actions available for business process tasks:</p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Reassign task</span>. Reassign the task to someone else.</li><li class="p_Normal"><span style="font-weight: bold;">Task menu</span>.  Open the task<span style="font-size: 15px; font-family: Inter;"></span>s menu with available actions:<ul style="list-style-type:circle">
<li class="p_Normal"><span style="font-weight: bold;">Reassign</span>.</li><li class="p_Normal"><span style="font-weight: bold;">Change the participants list</span>.</li><li class="p_Normal"><span style="font-weight: bold;">Change start date</span>.</li><li class="p_Normal"><span style="font-weight: bold;">Schedule in the calendar</span>.</li><li class="p_Normal"><span style="font-weight: bold;">Reschedule in the calendar</span>.</li><li class="p_Normal"><span style="font-weight: bold;">Change task progress</span>.</li></ul></li></ul>
<h3 class="p_Heading3"><a id="start_process" class="hmanchor"></a><span class="f_Heading3">Start a process </span></h3>
<p class="p_Normal">When a user clicks the button, a process starts. For illustration, let<span style="font-size: 15px; font-family: Inter;"></span>s set up the start of the approval process on the <span style="font-weight: bold;">Contracts</span> app item page:</p>
<ol style="list-style-type:decimal">
<li value="1" class="p_Normal">In the <span style="font-weight: bold;">Business process</span><span style="font-weight: bold; color: #ff0000;">*</span> field, select the approval process.</li><li value="2" class="p_Normal">In the <span style="font-weight: bold;">Link to field</span> field, select the <span style="font-weight: bold;">Contract</span> variable. It will store the current item of the <span style="font-weight: bold;">Contracts</span> app.</li><li value="3" class="p_Normal">Next, you can add certain contract data to the process: its number, date created, counterparty, etc. To do that, click <span style="font-weight: bold;">Configure input parameters</span>.</li><li value="4" class="p_Normal">In the provided window, map the process variables with the <span style="font-weight: bold;">Contracts</span> app properties. In the left column, select the process context properties that you want to fill in. In the right column select the <span style="font-weight: bold;">Contracts</span> app properties that you want to send to the process.</li></ol>
<p class="p_Normal"><span style="color: #394149;">You can also enable the </span><span style="font-weight: bold; color: #394149;">Show pop-over next to the button</span><span style="color: #394149;"> option. In this case, when the user clicks on the button, a pop-over window opens where the user can enter the process instance name and run it.</span></p>
<h3 class="p_Heading3"><a id="create_item" class="hmanchor"></a><span class="f_Heading3">Create an app item</span></h3>
<p class="p_Normal">When a user clicks the button<span style="color: #394149;">, a form for creating a new app item opens. Some fields on this form can be automatically pre-filled to save time and avoid human error. To do that, fill out the input parameters.</span></p>
<p class="p_Normal">For example, let<span style="font-size: 15px; font-family: Inter;"></span>s set up a button on the <span style="font-weight: bold;">Contracts</span> app item page<span style="color: #394149;">. We want a new acceptance certificate to be created when we click on the button. The </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> field will be pre-filled with the current contract. To set this up, make sure that that there is an </span><span style="font-weight: bold; color: #394149;">App</span><span style="color: #394149;"> type field on the </span><span style="font-weight: bold; color: #394149;">Acceptance Certificates</span><span style="color: #394149;"> app form for storing the contract. Then configure the button:</span></p>
<ol style="list-style-type:decimal">
<li value="1" class="p_Normal">In the <span style="font-weight: bold;">App</span> field, select <span style="font-weight: bold;">Acceptance Certificate</span>.</li><li value="2" class="p_Normal">In <span style="font-weight: bold;">Link to field</span> select the <span style="font-weight: bold;">Contract</span> property that will be added to the current <span style="font-weight: bold;">Contract</span> app item.</li><li value="3" class="p_Normal">Then you can send contract details to the acceptance certificate: the serial number, date created, counterparty. To do that, click <span style="font-weight: bold;">Configure input parameters</span>.</li><li value="4" class="p_Normal">In the provided window map the properties of the <span style="font-weight: bold;">Acceptance Certificates</span> and <span style="font-weight: bold;">Contracts</span> apps. In the left column, you can select the <span style="font-weight: bold;">Certificate number</span> field that you want to fill out. In the right column select the <span style="font-weight: bold;">Contract number</span> field that you want to pass to the acceptance certificate.</li></ol>
<p class="p_Normal"><img alt="button_widget-2" width="682" height="355" style="margin:0;width:682px;height:355px;border:none" src="button_widget-2.png"/></p>
<p class="p_Normal"><span style="font-weight: bold;">Note</span>: you can only map fields of the same type: a <span style="font-weight: bold;">String</span> type field with another <span style="font-weight: bold;">String</span> field, a <span style="font-weight: bold;">Number</span> type field with another <span style="font-weight: bold;">Number</span> field, and so on.</p>
<p class="p_Normal"><span style="color: #394149;">Now, when a user clicks on this button, the form for creating a new acceptance certificate will open. The </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> field will store the contract</span> from the page of which the user clicked the button. The <span style="font-weight: bold;">Certificate number</span> field will be pre-filled with the contract<span style="font-size: 15px; font-family: Inter;"></span>s serial number.</p>
<h3 class="p_Heading3"><a id="open_link" class="hmanchor"></a><span class="f_Heading3">Open a link</span></h3>
<p class="p_Normal">When a user clicks the button, a link opens.</p>
<p class="p_Normal">You can link the button to a <span style="font-weight: bold;">Text</span> context property. For example, for users can open instructions or company policies. To set the link up, click <img alt="bind_table-icon" width="21" height="21" style="margin:0;width:21px;height:21px;border:none" src="bind_table-icon.png"/>, then click <span style="font-weight: bold;">&lt;Not defined&gt;</span> and select the text variable in the list.</p>
<p class="p_Normal">You can also enable the <span style="font-weight: bold;">Open the link in a new tab</span> option.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Events and System tab </span></h2>
<p class="p_Normal">These tabs are similar for all the widgets: visibility and access settings, on-click behavior and so on. To learn more, see <a href="common_widget_settings.html" class="topiclink">System widget settings</a>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-size: 13px; font-family: Inter; color: #394149;">To finish configuration, click </span><span style="font-size: 13px; font-family: Inter; font-weight: bold; color: #394149;">Save</span><span style="font-size: 13px; font-family: Inter; color: #394149;">. To make the form available to users, click </span><span style="font-size: 13px; font-family: Inter; font-weight: bold; color: #394149;">Save</span><span style="font-size: 13px; font-family: Inter; color: #394149;"> and </span><span style="font-size: 13px; font-family: Inter; font-weight: bold; color: #394149;">Publish</span><span style="font-size: 13px; font-family: Inter; color: #394149;"> in the designer</span><span style="font-size: 15px; font-family: Inter;"></span><span style="font-size: 13px; font-family: Inter; color: #394149;">s toolbar.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Example</span></h2>
<p class="p_Normal">In the following example, the configured button widget allows the user to discard all changes. </p>
<p style="line-height: 1.20; margin: 7px 0 7px 0;"><img alt="But2" width="623" height="230" style="margin:0;width:623px;height:230px;border:none" src="but2.png"/></p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="text_widget.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">text_widget.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="create_button_widget.html">
<span class="bottom-nav__link">create_button_widget.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>