{"id":16259,"date":"2018-11-19T14:56:27","date_gmt":"2018-11-19T13:56:27","guid":{"rendered":"https:\/\/www.hybridforms.net\/de\/?page_id=16259"},"modified":"2025-06-03T11:29:50","modified_gmt":"2025-06-03T10:29:50","slug":"hybridforms-designer","status":"publish","type":"page","link":"https:\/\/www.hybridforms.net\/de\/hybridforms-designer\/","title":{"rendered":"Features: HybridForms Designer"},"content":{"rendered":"

Vorlagen f\u00fcr Formulare & Checklisten mit dem interaktiven HybridForms Designer<\/p><\/h1><\/div>

Erstellen Sie invididuelle Formularvorlagen mit dem HybridForms Designer \u2013 Low-Code, schnell und einfach mit der Drag- & Drop-Funktion im Web-Browser.<\/p>\n<\/div><\/div><\/div>

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

Mit dem HybridForms Designer haben Sie es selbst in der Hand \u2013 und erstellen mit Drag & Drop eigene Formularvorlagen f\u00fcr Ihre Anwendungen, ohne Programmierkenntnisse. Der Formulardesigner ist ein intuitives Werkzeug und l\u00e4uft auf allen Betriebssystemen. Sie ben\u00f6tigen daf\u00fcr nur einen Web-Browser und eine Internet-Verbindung.<\/span><\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div>

<\/i>

Mit HybridForms l\u00f6sen Sie die Probleme von Arbeitsabl\u00e4ufen mit herk\u00f6mmlichen Papierformularen \u2013 veraltete Vorlagen, zeitaufw\u00e4ndiges Ausdrucken, umst\u00e4ndliches Hantieren, un\u00fcbersichtliche Papierstapel, manueller Aktenlauf von Person zu Person \/ Abteilung zu Abteilung.<\/p>\n<\/div><\/div><\/div>

<\/i>

Arbeiten Sie mit ma\u00dfgeschneiderten digitalen Formularvorlagen<\/strong>, die f\u00fcr alle immer in der aktuellsten Version verf\u00fcgbar sind.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

Interaktiver Formular-Baukasten f\u00fcr ma\u00dfgeschneiderte Vorlagen<\/h2><\/div><\/div><\/div>
\"HybridForms<\/a><\/span><\/div>
<\/div><\/div>

Ansicht der Formular-Vorlage im HybridForms Designer<\/em><\/p>\n<\/div><\/div><\/div>

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

Ansicht des Formulars in der HybridForms Web App<\/em><\/p>\n<\/div><\/div><\/div>

Sie k\u00f6nnen beliebig viele Vorlagen<\/strong> erstellen und auf Basis dieser Vorlagen unbegrenzt viele Einzel-Formulare<\/strong> anlegen und bearbeiten \u2013 ohne weitere Kosten. Denn HybridForms wird nur nach dem gew\u00e4hlten Software-Paket (On-Premises oder als monatliches Abo<\/a>) und der Anzahl an Benutzern lizenziert und verrechnet.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

Low Code Formular-Design mit Drag & Drop und WYSIWYG-Vorschau<\/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>

Das Arbeiten mit dem HybridForms Designer und den verschiedenen Formularelementen ist sehr intuitiv, Sie integrieren einzelne Elemente einfach mit Drag-und-Drop<\/strong> in die Vorlage. Wir haben den interaktiven Designer basierend auf dem Low Code-Prinzip<\/strong> entwickelt, damit einfachere Templates schnell umgesetzt werden k\u00f6nnen.<\/p>\n

F\u00fcgen Sie Seiten, Tabs (Reiter) und Bl\u00f6cke per Klick hinzu, ziehen Sie mit der Drag-und-Drop-Funktion einzelne Zeilen, Spalten und Formular-Elemente in die Felder und bearbeiten dann die Eigenschaften. Dabei k\u00f6nnen Sie Vorschau-Funktion<\/strong> des interaktiven Designers nutzen, um immer wieder zu \u00fcberpr\u00fcfen, wie die von Ihnen platzierten Elemente sp\u00e4ter im Formular angezeigt werden.<\/p>\n<\/div><\/div><\/div>

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

Row Elements mit Grid-System und Auswahl von 1 \/ 2 \/ 3 \/ 4 Spalten (Default-Ansicht)<\/em><\/p>\n<\/div><\/div><\/div>

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

Form Elements mit den verschiedenen Controls, Properties und Advanced Settings (Default-Ansicht)<\/i><\/p>\n<\/div><\/div><\/div><\/div><\/div>

Interaktiver Formular-Designer mit integrierten Controls<\/p><\/h2><\/div><\/div><\/div>

Die Steuerelemente (Controls) sind das Herzst\u00fcck des HybridForms Designers, Sie k\u00f6nnen dabei aus einer Vielzahl an Elementen<\/strong> ausw\u00e4hlen. Jedes Control verf\u00fcgt \u00fcber sogenannte \u00bbProperties<\/strong>\u00ab, die sich bei Klick auf das hinzugef\u00fcgte Element \u00f6ffnen. Sie bestehen unter anderem aus Label, Status, Tooltip und weiteren f\u00fcr jedes Control spezifischen Eigenschaften. Zus\u00e4tzlich zu den Properties-Einstellungen gibt es noch die \u00bbAdvanced Settings<\/strong>\u00ab mit Funktionen wie Default Value, Element ID, Mapping und Dashboard List (Anzeige).
\nSehen Sie hier einige Beispiele \u2013 die Screenshots zeigen die Default-Werte vor der Bearbeitung der Properties:<\/p>\n<\/div><\/div><\/div>

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

Mehrzeiliges Texteingabe-Feld: Hier kann zus\u00e4tzlich auch die H\u00f6he des Textfeldes definiert werden.<\/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-Feld mit n-Werten: Hier k\u00f6nnen gr\u00f6\u00dfere Listen eingebunden werden.<\/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 f\u00fcr die Erstellung von Formular-Vorlagen\/Templates<\/p><\/h2><\/div><\/div><\/div>

Es gibt grunds\u00e4tzlich zwei Wege, um individuelle Formular-Vorlagen f\u00fcr Ihre Anwendungen mit HybridForms zu erstellen. In den meisten Projekten erfolgt das in folgenden Stufen:<\/strong><\/p>\n<\/div><\/div><\/div>

Prototyping, Mockups und einfache Formulare<\/h3><\/div><\/div><\/div>

Der interaktive HybridForms Designer ist ideal f\u00fcr schnelle Prototypen, Mockups und einfache Formulare \u2013 zum Beispiel durch die Fachabteilung Ihres Unternehmens<\/strong>. Die Entwicklung von Templates mit dem HybridForms Designer via Webbrowser ist intuitiv und einfach mit Low Code, Drag & Drop und WYSIWYG-Voransicht. Alles ohne Programmierkenntnisse.<\/p>\n<\/div><\/div><\/div>

Erweiterte Formular-Templates mit komplexen Integrationen<\/h3><\/div><\/div><\/div>

Sollen in Formular-Vorlagen dann noch dynamische Funktionen, grafisch aufw\u00e4ndigere Anpassungen oder intelligente Abfragen integriert werden, sind Kenntnisse in HTML5, CSS3 und JavaScript erforderlich. Daher \u00fcbernehmen dann meist die\u00a0IT-Abteilung, interne Developer oder externe HybridForms Solution Partner\u00a0<\/strong>die Weiterentwicklung der Templates. Daf\u00fcr stehen Tools wie Microsoft Visual Studio Code (kostenlos) zur Verf\u00fcgung, aber auch umfangreiche HybridForms Manuals und Dokumentationen. Bei Bedarf bieten icomedias (als Hersteller von HybridForms) oder HybridForms Partner gerne auch ein- bis zweit\u00e4gige Online-Expertenschulungen<\/strong> zu den Themen effiziente Formular-Konzeption, optimales Usability-Design und technische Umsetzung von Formular-Vorlagen an.<\/p>\n<\/div><\/div><\/div>

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

Formular-Vorlagen mit HybridForms \u2013 Ihre Vorteile auf einen Blick<\/h3><\/div><\/div><\/div>
<\/i><\/div><\/div>

Sie entwickeln auf Basis eines standardisierten Formulardesigns <\/strong>die Templates f\u00fcr Ihre Anwendungen selbst, In-House im Unternehmen oder gemeinsam mit Ihrem externen Solution Partner.<\/p>\n<\/div><\/div><\/div>

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

Die Vorlagen sind ma\u00dfgeschneidert f\u00fcr Ihr Einsatzszenario<\/strong> \u2013 angereichert mit vorbef\u00fcllten Feldern, automatischen Berechnungen, hinterlegten Katalogen, dynamischer Anzeige von Bereichen u.v.m.<\/p>\n<\/div><\/div><\/div>

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

Alle Mitarbeiter greifen immer auf die aktuellen Formular-Vorlagen zu<\/strong> \u2013 Missverst\u00e4ndnisse und Fehler durch veraltete Templates gibt es nicht.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

Auszug aus unserer Kundenliste<\/h3><\/div><\/div><\/div>