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

225 lines
27 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.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Add a widget to a page</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A page is an interface element that users interact with directly. To make a page easy to work&nbsp;with, customize it with widgets. In&nbsp;this way, you will provide users with..." />
<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> / Add a widget to a page</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1" style="text-align: center; line-height: 1.20; margin: 19px 0 19px 0;"><span class="f_Heading1" style="font-size: 32px;">Add a widget to a page</span></h1>
</div>
</header>
<section class="article__content">
<div class="scroll-top-inner">
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">A </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> is an interface element that users interact with directly. To make a page easy to work with, customize it with widgets. In this way, you will provide users with convenient tools to perform their tasks, for example, a calculator, reports, buttons, links, etc.</span></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 the users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group <span style="color: #394149;">can create and customize pages and widgets</span>.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">There are several ways to add a widget to a page:</span></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;">In the simple page editor.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">In the interface designer.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">By using a page or widget that has already been created and published in the </span><a href="interface_settings.html" class="topiclink">interface designer</a><span style="color: #394149;">.</span></li></ul>
<h2 class="p_Heading2"><a id="simple-editor" class="hmanchor"></a><span class="f_Heading2">Simple page editor</span></h2>
<p class="p_Normal">The simple editor is used when you need to fill a page up with simple widgets, for example, to display text, a chart, a table, incoming phone calls, etc.</p>
<p class="p_Normal">To start working in the editor:</p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal"><span style="color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a>. Then click </span><span style="font-weight: bold; color: #394149;">Add widget</span><span style="color: #394149;">.</span></li></ol>
<p class="p_Normal" style="margin: 0 0 0 34px;"><img alt="page-widget1" width="1060" height="594" style="margin:0;width:1060px;height:594px;border:none" src="page-widget1.png"/></p>
<ol style="list-style-type:upper-roman" start="2">
<li value="2" style="line-height: 1.36;"><span style="font-size: 15px; color: #394149;">Select a widget, set it up, and click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Save</span><span style="font-size: 15px; color: #394149;">. The widget will be displayed in the simple page editor.</span></li><li value="3" style="line-height: 1.36; margin-top: 11px; margin-right: 0; margin-bottom: 11px;"><span style="font-size: 15px; color: #394149;">To add another widget, click </span><img alt="add-widget3" title="add-widget3" width="27" height="27" style="margin:0;width:27px;height:27px;border:none" src="add-widget3.png"/><span style="font-size: 15px; color: #394149;"> and select a widget from the list.</span></li></ol>
<p style="line-height: 1.36; margin: 11px 0 11px 34px;"><img alt="page-widget2" width="996" height="329" style="margin:0;width:996px;height:329px;border:none" src="page-widget2.png"/></p>
<ol style="list-style-type:upper-roman" start="4">
<li value="4" style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">After you have added all the widgets that you need, click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Finish editing</span><span style="font-size: 15px; color: #394149;"> in the top right corner of the page. The page with widgets will be saved.</span></li><li value="5" style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">To return to the simple editor, click </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Edit page</span><span style="font-size: 15px; color: #394149;"> in the top right corner.</span></li></ol>
<p style="line-height: 1.20;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<h2 class="p_Heading2"><a id="pages-in-interface-designer" class="hmanchor"></a><span class="f_Heading2">Edit pages in the interface designer</span></h2>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">In the interface designer, you can add widgets that are not available in the simple editor. Moreover, you can create your own custom widgets, for example, by implementing a <a href="client_server_scripts.html" class="topiclink">script</a> and introducing complex logic.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Note that when you switch to the interface designer, a widget of </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="user_widgets.html#page" class="topiclink">Page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type is added to the page. This widget will be opened in the designer, where you can fill it with other widgets. </span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-size: 13px;">After customizing a page in the interface designer, it is impossible to switch back to the <a href="360027211631.html#simple-editor" class="topiclink">simple page editor mode</a>.</span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">To do that:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> and click the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Add widget</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> button.</span></li><li value="2" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">In the provided window, click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Create custom widget</span><span style="color: #394149; background-color: #ffffff;">:</span></li></ol>
<p style="line-height: 1.20; margin: 14px 0 0 34px;"><img alt="page-widget3" width="958" height="622" style="margin:0;width:958px;height:622px;border:none" src="page-widget3.png"/></p>
<p class="p_Normal" style="margin: 0 0 0 34px;"><span style="font-size: 15px; color: #394149;">If you already have a page, open it, click </span><img alt="360026749352-12" title="360026749352-12" width="20" height="21" style="margin:0;width:20px;height:21px;border:none" src="360026749352-12.png"/><span style="font-size: 15px; color: #394149;"> in the top right corner, and select </span><span style="font-size: 15px; font-weight: bold; color: #394149;">Widget Builder.</span><span style="font-size: 15px; color: #394149;"> The </span><span style="font-size: 15px; color: #394149;"><a href="interface_designer.html" class="topiclink">interface designer</a> will open</span><span style="font-size: 15px; color: #394149;">.</span></p>
<p style="margin: 0 0 0 34px;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">In this case, a widget of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type will be added to the page, and its template will open in the designer. Widgets saved earlier in the simple editor will be added to the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> widget and displayed in it.</span></p>
<p class="p_Normal" style="margin: 0 0 0 34px;"><img alt="page-widget4" width="1283" height="655" style="margin:0;width:1283px;height:655px;border:none" src="page-widget4.png"/></p>
<ol style="list-style-type:upper-roman">
<li value="3" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;"> </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">Fill the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> type widget by adding other widgets to it and customizing them. Save the changes and publish the finished </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> widget.</span></li></ol>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">Note that in the interface designer, you can add any widget to pages except for the </span><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="side_panel_widget.html" class="topiclink">side panel widgets</a></span><span style="font-size: 15px; font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">. They are designed for forms only.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Use existing widgets</span></h2>
<p style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;">When creating a page, you can add widgets and pages created earlier that have been published in</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-weight: bold; color: #394149;">Administration </span><span style="font-size: 15px; font-weight: bold; color: #394149;">&gt;</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-weight: bold; color: #394149;">Interfaces</span><span style="font-size: 15px; color: #394149;">.</span></p>
<p style="line-height: 1.20; margin: 16px 0 0 0;"><span style="font-size: 15px; color: #394149;">To do that:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"><a href="360009924451.html" class="topiclink">Create a page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> and click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Add widget</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">.</span></li><li value="2" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">In the opened window, the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Custom</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> section displays previously created widgets, including widgets of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="user_widgets.html#page" class="topiclink">Page</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;"> type. Select the desired one, customize it, and click </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Save</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #394149;">.</span></li></ol>
<p style="line-height: 1.20; margin: 14px 0 0 34px;"><img alt="page-widget5" width="962" height="527" style="margin:0;width:962px;height:527px;border:none" src="page-widget5.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">If you select a ready-made widget of the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold;">Page</span><span style="font-family: 'Times New Roman',Times,Georgia,serif;"> type, it can only be edited in the </span><span style="font-family: 'Times New Roman',Times,Georgia,serif; color: #0000ff;"><a href="interface_designer.html" class="topiclink">interface designer</a></span><span style="font-family: 'Times New Roman',Times,Georgia,serif;">. If you add a different custom widget, you can change its settings in the simple editor. Note that the changes you make are applied wherever the edited widget is used.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="font-size: 13px; color: #000000; background-color: #ffffff;">&nbsp;</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Edit or remove widgets on a page</span></h2>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">To edit or delete a widget, go to the interface designer or simple editor mode.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: 'Times New Roman',Times,Georgia,serif;">Select the widget and click the gear or trash can icon in the upper right corner.</span></p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="common_widget_settings.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">common_widget_settings.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="360028901811.html">
<span class="bottom-nav__link">360028901811.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>