{"id":15154,"date":"2018-11-19T12:03:00","date_gmt":"2018-11-19T11:03:00","guid":{"rendered":"https:\/\/www.hybridforms.net\/en\/?page_id=15154"},"modified":"2025-06-03T11:30:14","modified_gmt":"2025-06-03T10:30:14","slug":"hybridforms-designer","status":"publish","type":"page","link":"https:\/\/www.hybridforms.net\/en\/hybridforms-designer\/","title":{"rendered":"Features: HybridForms Designer"},"content":{"rendered":"

Templates for forms & checklists with our interactive HybridForms Designer<\/h1><\/div>

Create custom form templates with the HybridForms Designer \u2013 Low Code, quickly and easily with drag-and-drop functionality.<\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/span><\/div><\/div><\/div><\/div><\/div><\/div>

With HybridForms Designer you have it in your own hands \u2013 and create your own form templates for your applications with drag & drop, without programming knowledge. The form designer is an intuitive tool and runs on all operating systems. All you need is a Web browser and an Internet connection.<\/span><\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div>

<\/i>

With HybridForms, you solve the problems of workflows with traditional paper forms \u2013 outdated templates, time-consuming printing, cumbersome handling, cluttered piles of paper, manual file flow from person to person \/ department to department.<\/p>\n<\/div><\/div><\/div>

<\/i>

Work with customized digital form templates<\/strong> that are always available to everyone in the most up-to-date version.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

Interactive development kit for customized form templates<\/h2><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div>
<\/div>

View of the form template in HybridForms Designer<\/em><\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/a><\/span><\/div>
<\/div>

View of the form in the HybridForms Web App<\/em><\/p>\n<\/div><\/div><\/div>

You can create as many templates as you like<\/strong> and create and edit an unlimited number of individual forms<\/strong> based on these templates \u2013 at no additional cost. Because HybridForms is only licensed and charged according to the selected software package (on-premises or as a monthly subscription<\/a>) and the number of users.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

Low code form design with drag & drop and WYSIWYG preview<\/h2><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>
<\/i><\/div><\/div><\/div>

Working with the HybridForms Designer and the various form elements is very intuitive, because you simply integrate individual elements into the template with drag and drop<\/strong>. We have developed the interactive Designer based on the low code<\/strong> principle, so that basic templates can be implemented quickly.<\/p>\n

Add pages, tabs and blocks with a click, drag and drop individual rows, columns and form elements into the fields and then edit the properties. You can use the preview function<\/strong> of the interactive Designer to check how the elements you have placed will later appear in the form.<\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/a><\/span><\/div>
<\/div>

Row elements with grid system and selection of 1 \/ 2 \/ 3 \/ 4 columns (default view)<\/em><\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/a><\/span><\/div>
<\/div>

Form elements with the various controls, properties and advanced settings (default view)<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div>

Interactive form designer with integrated controls<\/h2><\/div><\/div><\/div>

The controls are the heart of the HybridForms Designer, you can choose from a variety of elements<\/strong>. Each control has so-called \u00bbProperties<\/strong>\u00ab, which open when you click on the added element. They consist of label, status, tooltip and other properties specific to each control. In addition to the properties settings, there are also the \u00bbAdvanced Settings<\/strong>\u00ab with functions such as Default Value, Element ID, Mapping and Dashboard List (display).
\nSee here some examples \u2013 the screenshots show the default values before editing the properties:<\/p>\n<\/div><\/div><\/div>

Text Area<\/h3><\/div>

Multi-line text input field: Here you can also define the height of the text field.<\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/a><\/span><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div><\/div><\/div>

Combo Box<\/h3><\/div>

Drop-down field with n-values: Here larger lists can be included.<\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/a><\/span><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div><\/div><\/div><\/div><\/div>

Tools for creating form templates<\/h2><\/div><\/div><\/div>

There are basically two ways to create individual form templates for your applications with HybridForms. In most projects this is done in the following steps:<\/strong><\/p>\n<\/div><\/div><\/div>

Prototyping, mockups and basic forms<\/h3><\/div><\/div><\/div>

The interactive HybridForms Designer is ideal for quick prototypes, mockups and simple forms \u2013 for example, by the specialist department of your company<\/strong>. The development of templates with the HybridForms Designer via Web Browser is intuitive and easy with low code, drag & drop and WYSIWYG preview. All without programming knowledge.<\/p>\n<\/div><\/div><\/div>

Advanced form templates with complex integrations<\/h3><\/div><\/div><\/div>

If dynamic functions, graphically complex adjustments or intelligent queries are to be integrated into form templates, knowledge of HTML5, CSS3 and JavaScript is required. Therefore, your IT department, internal developers or external HybridForms Solution Partners<\/strong> usually take over the further development of the templates. Tools such as Microsoft Visual Studio Code (free of charge) are available for this purpose, as well as comprehensive HybridForms manuals and documentation. If required, icomedias (as the producers of HybridForms) or HybridForms partners are happy to offer one- or two-day online expert training<\/strong>\u00a0on the topics of efficient form conception, optimal usability design and technical implementation of form templates.<\/p>\n<\/div><\/div><\/div>

\"HybridForms<\/span><\/div><\/div><\/div>
\"HybridForms<\/span><\/div><\/div><\/div><\/div><\/div>

Form templates with HybridForms \u2013 your advantages at a glance<\/h3><\/div><\/div><\/div>
<\/i><\/div><\/div>

Based on a standardized form design<\/strong>, you develop the templates for your applications yourself, in-house or together with your external solution partner.<\/p>\n<\/div><\/div><\/div>

<\/i><\/div><\/div>

The templates are tailor-made for your application scenario<\/strong> \u2013 enriched with pre-filled fields, automatic calculations, stored catalogs, dynamic display of form sections and much more.<\/p>\n<\/div><\/div><\/div>

<\/i><\/div><\/div>

All team members always access the latest form templates<\/strong> \u2013 there are no misunderstandings or errors due to outdated templates.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

From our customer list<\/h3><\/div><\/div><\/div>