218 lines
26 KiB
HTML
218 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<title>Forms tab</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="If the functionality of a standard form is not sufficient, you can create your own template using the form editor. It allows you to add new buttons and widgets, move fields,..." />
|
||
<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>Business process designer > Process designer tabs / Forms tab</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;">Forms tab</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.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">If the functionality of a standard form is not sufficient, you can create your own template using the form editor. It allows you to add new buttons and widgets, move fields, etc.</span> You can create form templates for <a href="360012263032.html" class="topiclink">tasks</a>, <a href="360012496011.html" class="topiclink">start events</a>, <a href="360010366380.html" class="topiclink">approval</a> and <a href="360010385600.html#h_5d6dfa6b-3345-49e7-ac8f-47c604f77f17" class="topiclink">information</a> tasks, and <a href="360012498891.html" class="topiclink">instance summary pages</a>. <span style="font-family: Inter;">Templates you add can be reused.</span></p>
|
||
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Create a new template</span></h2>
|
||
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;">There are several ways to create a form template: </p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter;">On the business process modeling page, open the </span><span style="font-family: Inter; font-weight: bold;">Forms</span><span style="font-family: Inter;"> tab in the upper right corner and click </span><span style="font-family: Inter; font-weight: bold;">+Form</span><span style="font-family: Inter;">. In the window that opens, enter the template’s name and click </span><span style="font-family: Inter; font-weight: bold;">Save</span><span style="font-family: Inter;">.</span></li></ul>
|
||
<p style="line-height: 1.20; margin: 0 0 0 34px;"> <img alt="forms-tab-1" width="711" height="449" style="margin:0;width:711px;height:449px;border:none" src="forms-tab-1.png"/></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20;"><span style="font-family: Inter;">In a business process task, start event,</span> <a href="360010366380.html" class="topiclink">Approval</a> or <a href="360010385600.html#h_5d6dfa6b-3345-49e7-ac8f-47c604f77f17" class="topiclink">Send Document/App Item</a> activity, <span style="font-family: Inter;">open the task settings window and go to the </span><span style="font-family: Inter; font-weight: bold;">Form</span><span style="font-family: Inter;"> tab. In the upper left corner, next to the </span><span style="font-family: Inter; font-weight: bold;">Form </span><span style="font-family: Inter;">caption, click the </span><span style="font-family: Inter; font-weight: bold;"><Default></span><span style="font-family: Inter;"> link. After that, the +</span><span style="font-family: Inter; font-weight: bold;">Create Form </span><span style="font-family: Inter;">button will appear.</span></li></ul>
|
||
<p style="line-height: 1.20; margin: 0 0 0 34px;"><span class="f_ImageCaption"> <img alt="ftbp2" width="876" height="467" style="margin:0;width:876px;height:467px;border:none" src="ftbp2.png"/></span></p>
|
||
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Edit a template </span></h2>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">Form templates are created in the interface designer that consists of several tabs:</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Template</span><span style="font-family: Inter;">. This tab shows the modeling canvas. Here you can modify the form template: change the buttons, create new ones, or add widgets.</span></li></ul>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 34px;"><span style="font-family: Inter;">Moreover, you can make the form dynamic. Configure the widgets so that their behavior depends on the user’s actions. Read more about this in the <a href="360029574371.html" class="topiclink">Dynamic forms</a> article.</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Context</span><span style="font-family: Inter;">. Here you can add properties that can be placed on the template field and used when writing <a href="client_server_scripts.html" class="topiclink">scripts</a>. To create a property, click </span><span style="font-family: Inter; font-weight: bold;">+Add</span><span style="font-family: Inter;"> and enter the property’s parameters.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Scripts</span><span style="font-family: Inter;">. On this tab, you can write a script to modify widget behavior, for example, to show a pop-up window when the user hovers over a certain area of the form or page. Read more about it in <a href="client_server_scripts.html" class="topiclink">Scripts in widgets</a> and <a href="https://tssdk.brix365.com/" target="_blank" class="weblink">BRIX TS SDK</a>.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">History</span><span style="font-family: Inter;">. This tab lists all published versions of the configured template, specifying the author, time, and the comment left at publication. To restore one of the previously published versions of the template, select it in the list, click </span><span style="font-family: Inter; font-weight: bold;">Apply Version</span><span style="font-family: Inter;">, and confirm the action. To make the</span> form appear in all new instances of the business process, <a href="360012495291.html" class="topiclink">publish</a> the process.</li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Settings</span>. On this tab, you can:</li></ul>
|
||
<ul style="list-style-type:disc"><ul style="list-style-type:circle">
|
||
<li style="text-align: justify; line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;">Hide a widget with validation errors in the form of a custom task or a start event in the process.</li><li style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 0;">Specify the functions from the scripts that you want to run when displaying the widget and validating the form.</li><li style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 0;">Allow global constants and widgets from workspaces to be used in scripts.</li></ul></li></ul>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Files</span><span style="font-family: Inter;">. On this tab, you can add libraries and custom functions in </span><span style="font-family: Inter; font-weight: bold;">JavaScript</span><span style="font-family: Inter;"> to call them in custom scripts.</span></li></ul>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">Read more about these tabs in the <a href="interface_designer.html" class="topiclink">Interface designer</a> article.</span></p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Add widgets to the template</span></h3>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">A </span><span style="font-family: Inter; font-weight: bold;">widget</span><span style="font-family: Inter;"> is an interface element that serves a specific function, for example, uploading a file, displaying instructions, showing the activity stream, listing users, etc.</span></p>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">You can add a widget to a form in several ways:</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;">On the top panel of the form template, click </span><span style="font-family: Inter; font-weight: bold;">+Button</span><span style="font-family: Inter;">.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;">On the sidebar of the form template, click </span><span style="font-family: Inter; font-weight: bold;">+Widget</span><span style="font-family: Inter;">.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;">Drag a widget from the side panel of the interface designer to the modeling canvas.</span></li></ul>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 34px;"><img alt="forms-tab-3" width="1075" height="555" style="margin:0;width:1075px;height:555px;border:none" src="forms-tab-3.png"/></p>
|
||
<p style="line-height: 1.20; margin: 16px 0 8px 0;"><span style="font-family: Inter;">After adding a widget, specify its parameters in the settings window and save the changes.</span></p>
|
||
<p style="line-height: 1.20; margin: 16px 0 8px 0;"><span style="font-family: Inter;">Note that different widgets are available for the top panel, sidebar, and main area of the form. For example, only the <a href="button_widget.html" class="topiclink">Button</a>, <a href="process_map.html" class="topiclink">Map</a>, and <a href="task_completion_widget.html" class="topiclink">Task progress</a> widgets can be placed on the top panel of a task form.</span></p>
|
||
<p style="line-height: 1.20; margin: 16px 0 8px 0;"><span style="font-family: Inter;">Read more about adding widgets in the <a href="360029250931.html" class="topiclink">Form templates</a> article. Each widget available in the system is described in the <a href="360028901811.html" class="topiclink">Widget types</a> section.</span></p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Interface designer toolbar</span></h3>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">In the toolbar at the top of the interface designer page, you can find buttons to work with the template:</span></p>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="forms-tab-4" width="306" height="74" style="margin:0;width:306px;height:74px;border:none" src="forms-tab-4.png"/></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Save</span><span style="font-family: Inter;">. Save the form template you configured to apply the changes to task forms or the start event of the business process.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Check</span><span style="font-family: Inter;">. Click this button to check the widgets added to the form for errors. If an error is detected, for example, the script that defines the widget function is written incorrectly, you will see a notification.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Undo</span><span style="font-family: Inter;">. Undo the latest action.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Redo</span><span style="font-family: Inter;">. Redo the latest action you have undone.</span></li></ul>
|
||
<h2 class="p_Heading2"><span class="f_Heading2">Actions with the template</span></h2>
|
||
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">On the process modeling page, go to the </span><span style="font-family: Inter; font-weight: bold;">Forms</span><span style="font-family: Inter;"> tab and select a previously created template from the list. The following actions will become available:</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Copy</span><span style="font-family: Inter;">. Create a copy of a previously created template to edit it and use as the form for another task. After clicking the button, enter the new template’s name in the window that opens and click </span><span style="font-family: Inter; font-weight: bold;">Save</span><span style="font-family: Inter;">.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Delete</span><span style="font-family: Inter;">. Delete a template if it is no longer used in the process. A deleted form’s name is crossed out in the list of all form templates.</span></li><li style="line-height: 1.20; margin-top: 19px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Restore</span><span style="font-family: Inter;">. Select a deleted form from the list and restore it.</span></li></ul>
|
||
|
||
<div class="bottom-nav">
|
||
|
||
<a id="prev-link" class="topic__navi_prev" href="status-tab.html">
|
||
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
|
||
class="bottom-nav__link">status-tab.html</span>
|
||
</a>
|
||
|
||
|
||
<a id="next-link" class="topic__navi_next" href="360028476691.html">
|
||
<span class="bottom-nav__link">360028476691.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">© 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>
|