Zum Hauptinhalt springen

Felder

Felder sind die grundlegenden Komponenten und die „Bausteine“ eines Formulars in Netuno. Sie bilden die Schnittstelle zur Interaktion mit dem Benutzer und legen fest, wie die Daten strukturiert und gespeichert werden.

In der Praxis entspricht jedes erstellte Feld einer Spalte in der Datenbanktabelle und bestimmt, welche Art von Information das System verarbeiten kann – etwa Texte, Zahlen, Datumsangaben, Auswahlen und Dateien.

Felder erstellen und bearbeiten​

Diese Schaltflächen ermöglichen die Verwaltung des allgemeinen Bearbeitungsstatus:

  • Vorhandenes Feld bearbeiten: Dropdown-Menü, um ein bereits erstelltes Feld auszuwählen und seine Einstellungen zu ändern.

  • Neues Feld erstellen: Leert alle Formularfelder, um die Konfiguration eines neuen Elements von Grund auf zu starten.

  • Feld klonen: Dupliziert die Einstellungen des ausgewählten Feldes, um die Erstellung ähnlicher Elemente zu beschleunigen.

feld-vorhandenes-bearbeiten-de.png

1 - Titel des Feldes​

Der Feldtitel (technisch als Label bekannt) ist die visuelle Anweisung, die den Benutzer darüber informiert, welche Information in ein Formular eingegeben werden soll. Er fungiert als identifizierende Beschriftung und stellt sicher, dass das Ausfüllen der Daten intuitiv und korrekt erfolgt.

In diesem Schritt hat der Titel auf der Plattform einen doppelten Zweck:

  • In der Feldverwaltung (Erstellen): Dient dazu, das Feld während der Entwicklung der Anwendung innerhalb Ihrer Elementliste zu identifizieren.

feld-titel-name-de.png

  • In der Benutzeroberfläche (Anzeigen): Ist der Text, der direkt über oder neben dem Eingabefeld (Input) angezeigt wird und dem Endbenutzer angibt, was er in das Formular eingeben soll.

feld-titel-name-inhalt-de.png

2 - Spaltenname​

Anders als der Titel ist der Spaltenname der interne und exklusive Identifikator des Feldes, der direkt in der Datenbank und in Programmlogiken verwendet wird. Über diesen Namen lokalisiert das System die Information in der Datenbank.

Automatische Formatierung (Auto-Schalter):

Netuno erleichtert diesen Prozess, indem der Name automatisch auf Basis des „Titel des Feldes“ ausgefüllt wird. Das verwendete Muster ist snake_case.

Schreibregeln: Falls Sie sich für manuelles Ausfüllen entscheiden (indem Sie „Auto“ deaktivieren), behalten Sie den Namen im Singular bei, verwenden Sie nur Kleinbuchstaben und vermeiden Sie Leerzeichen oder Sonderzeichen.

feld-spaltenname-de.png

3 - Datentypen​

Die Definition des Datentyps bestimmt die Art der erfassten Information und wirkt sich direkt auf das Erscheinungsbild des Feldes für den Benutzer sowie darauf aus, wie die Daten im System gespeichert werden.

feld-datentyp-de.png

3.1 Textfelder​

Diese Felder sind für die Eingabe von Text in unterschiedlichen Formaten vorgesehen. Sie variieren je nach benötigtem Datenvolumen.

TypWas bewirkt es?Praxisbeispiel
textErstellt ein einfaches Input-Feld für eine einzelne Zeile.Namen, Artikeltitel, Stadtteile usw.
textareaErstellt ein größeres Textbereichs-Input-Feld für mehrere Zeilen.Produktbeschreibungen, Kommentare, Anmerkungen.
emailErstellt ein Text-Input-Feld, das für den Empfang einer E-Mail-Adresse formatiert ist.Registrierung einer Kontakt-E-Mail, Benutzeranmeldung.
texthtmlErstellt einen Rich-Text-Editor, der Formatierung mit HTML ermöglicht.Erstellung von Inhalten für einen Blog, Marketing-E-Mails, Website-Seiten.
textmdErstellt einen Texteditor, der die Auszeichnungssprache Markdown unterstützt.Ideal für technische Dokumentation, Blogbeiträge für Entwickler.

3.2 Zahlenfelder​

Werden verwendet, um Informationen zu erfassen, die ausschließlich numerisch sind.

TypWas bewirkt es?Anwendungsbeispiel
textnumErstellt ein Input-Feld für die Eingabe ganzer Zahlen.Lagerbestand, Alter einer Person, Anzahl freier Stellen.
textfloatErstellt ein Input-Feld für die Eingabe von Zahlen mit Dezimalstellen.Produktpreise (z. B. 99,90), Gewicht (z. B. 75,5), Größe (z. B. 1,82).

3.3 Auswahlfelder​

Werden verwendet, wenn der Benutzer zwischen vordefinierten Optionen wählen soll.

TypWas bewirkt es?Praxisbeispiel
selectErstellt eine Optionsliste, aus der der Benutzer nur eine Option auswählen kann.Auswahl eines Bundeslands (UF), Familienstands, einer Produktkategorie.
multiselectErstellt eine Optionsliste, aus der der Benutzer mehrere Optionen auswählen kann.Auswahl von Interessen (Sport, Technologie), Zutaten einer Pizza.
checkboxZeigt ein einzelnes Kontrollkästchen an (aktivieren/deaktivieren).„Ich akzeptiere die Nutzungsbedingungen“, „Mein Passwort merken“.
colorZeigt eine visuelle Farbauswahl an.Auswahl der Farbe eines Produkts, Anpassen der Farbe einer Veranstaltung.

3.4 Datums- und Zeitfelder​

Spezialisiert auf die Eingabe zeitlicher Informationen.

TypWas bewirkt es?Praxisbeispiel
dateZeigt einen Kalender an, in dem der Benutzer ein Datum (Tag, Monat, Jahr) auswählen kann.Geburtsdatum, Termindatum.
datetimeErmöglicht die Auswahl eines Datums und einer Uhrzeit.Beginn einer Veranstaltung, Datum und Uhrzeit einer Veröffentlichung.
timeErmöglicht die Auswahl einer Uhrzeit (Stunden und Minuten).Öffnungszeiten, Uhrzeit eines Weckers.

3.5 Datei- und Medienfelder​

Wird verwendet, um Dateien und Bilder in Ihre Anwendung hochzuladen.

TypWas bewirkt es?Praxisbeispiel
fileErstellt ein Feld für den Upload einer beliebigen Datei (PDF, DOCX, ZIP).Anhängen eines Lebenslaufs, Hochladen eines Zahlungsbelegs.
imageEin für den Upload von Bildern (JPG, PNG, GIF) optimiertes Feld.Profilfoto des Benutzers, Bild eines Produkts.

3.6 Technische und spezielle Felder​

Diese Felder haben automatische Verhaltensweisen oder dienen spezifischen Systemzwecken.

TypWas bewirkt es?Praxisbeispiel
hiddenDas Feld ist für den Benutzer unsichtbar, speichert aber einen Wert.Speichern einer ID, die von einer anderen Seite kommt, eines Tracking-Codes.
uidGeneriert automatisch einen universell eindeutigen Identifikator.Primärschlüssel eines Datensatzes, eindeutiger Code einer Bestellung.
userVerknüpft den Datensatz mit dem Benutzer, der ihn erstellt oder geändert hat.Identifizieren des Autors eines Blogposts, des Verkäufers, der einen Kunden registriert hat.
lastchangeSpeichert automatisch Datum und Uhrzeit der letzten Änderung des Datensatzes.Auditierung, um zu wissen, wann ein Wert zuletzt geändert wurde.
groupWird verwendet, um andere Felder im Formular visuell zu gruppieren.Erstellen von Abschnitten wie „Persönliche Daten“ und „Adresse“, um lange Formulare zu organisieren.

4 - Einstellungen für Verhalten und Layout​

Dieser Bereich ist das „Kontrollpanel“ Ihres Feldes und legt die Geschäftsregeln und Zugriffsberechtigungen fest.

feld-verhalten-und-layout-einstellungen-de.png

4.1 Regeln zur Datenintegrität​

Diese Optionen gewährleisten die Qualität und Konsistenz der Informationen.

EinstellungWas bewirkt es?Praxisbeispiel
Eindeutige Werte (Primärschlüssel)Macht das Feld zum primären und eindeutigen Identifikator und verhindert doppelte Werte.Für „Steuer-ID“ verwenden, um sicherzustellen, dass keine zwei Kunden dieselbe Nummer haben.
Pflichtfeld (Nicht Null)Macht das Ausfüllen des Feldes verpflichtend.Auf wesentliche Felder wie „Name“ und „E-Mail“ anwenden.

4.2 Berechtigungs- und Sichtbarkeitskontrolle​

Legt fest, wo und wie Benutzer mit den Daten dieses Feldes interagieren.

EinstellungWas bewirkt es?Praxisbeispiel
Im Ergebnis anzeigenLegt fest, ob die Spalte in der Hauptdatenliste angezeigt wird.Bei „Interne Anmerkungen“ deaktivieren, um die Liste übersichtlich zu halten.
Filtern erlaubenFügt dieser Spalte in der Liste ein Suchfeld hinzu.Bei „Bestellstatus“ aktivieren, um die Suche zu erleichtern.
Anzeigen erlaubenSteuert, ob der Inhalt im Ansichtsmodus angezeigt wird.In den meisten Fällen aktiviert lassen.
Bearbeiten erlaubenErmöglicht, den Inhalt zu ändern, während ein Datensatz bearbeitet wird.Für Felder deaktivieren, die nicht geändert werden sollen, wie „Registrierungsdatum“.
Bei Neuanlage erlaubenLegt fest, ob das Feld im Erstellungsformular angezeigt werden soll.Für „Feedback“-Felder deaktivieren, die erst nach der Erstellung ausgefüllt werden sollen.
Exportieren erlaubenSchließt die Daten dieses Feldes beim Exportieren der Liste (Excel, CSV) ein.Interne Daten deaktivieren, die für externe Berichte nicht relevant sind.

5 - Visuelle Organisation des Formulars​

Legt die Positionierung der Felder im Layout fest.

feld-visuelle-organisation-formular-de.png

EinstellungWas bewirkt es?Praxisbeispiel
ZeileLegt die vertikale Position des Feldes im Formular fest.„Vollständiger Name“ in Zeile: 1 und „Adresse“ in Zeile: 2 platzieren.
SpalteLegt die horizontale Position fest und ermöglicht mehrere Felder nebeneinander.Um „Stadt“ und „Bundesland“ zusammen zu haben, Zeile: 3, Spalte: 1 (Stadt) und Spalte: 2 (Bundesland) verwenden.

6 - Weitere Optionen anzeigen​

Für eine individuellere Steuerung klicken Sie auf die Schaltfläche „+ Weitere Optionen anzeigen“.

6.1 Beschreibungsfeld​

feld-optionen-beschreibung-de.png

EinstellungWas bewirkt es?Praxisbeispiel
BeschreibungFügt einen Hilfetext oder eine Anweisung hinzu, der bzw. die unter dem Feld angezeigt wird.Bei „Passwort“ die Beschreibung verwenden, um die Regeln anzugeben: „Das Passwort muss mindestens 8 Zeichen lang sein ...“.

6.2 Feldabmessungen​

feld-dimensionierung-layout-de.png

Feine Steuerung der Feldgröße.

EinstellungWas bewirkt es?Praxisbeispiel
BreiteLegt die Breite der Komponente fest (basierend auf einem 12-Spalten-Raster).„Steuer-ID“ (Breite: 6) und „Geburtsdatum“ (Breite: 6) in derselben Zeile.
HöheLegt die Höhe der Komponente in Pixeln (px) fest.Bei textarea „Anmerkungen“ die Höhe „120“ für einen größeren Bereich festlegen.
Zellenbreite (px)Legt eine feste Breite in Pixeln für die Zelle fest.Verwenden, um Felder mit bestimmten Breiten auszurichten, wie „Bundesland“ (Breite: 80).
Zellenhöhe (px)Legt eine feste Höhe in Pixeln für die Zelle fest.Die Höhe eines image-Feldes erhöhen, um einen „Drag-and-Drop“-Bereich zu schaffen.
RowspanErmöglicht, dass sich die Zelle vertikal über mehrere Zeilen erstreckt.Ein textarea für „Beschreibung“, das 3 Zeilen hoch ist und neben kleineren Feldern steht.
ColspanErmöglicht, dass sich die Zelle horizontal über mehrere Spalten erstreckt.Ein Feld „Vollständige Adresse“ (Colspan: 2) über „Stadt“ und „Bundesland“.

6.3 Validierung und Datenregeln​

Legen Sie Grenzen für die eingegebenen Werte fest.

EinstellungWas bewirkt es?Praxisbeispiel
MaxMaximalwert (numerisch) oder maximale Zeichenanzahl (Text).Bei „Note (0 bis 10)“ Max als „10“ festlegen. Bei „Spitzname“ Max „20“.
MinMinimalwert (numerisch) oder minimale Zeichenanzahl (Text).Bei „Menge“ Min als „1“ festlegen. Bei „Begründung“ Min „30“.

6.4 Zugriffskontrolle​

feld-zugriffskontrolle-de.png

Legen Sie Gruppen und Benutzer fest, die das Feld anzeigen und bearbeiten können.

EinstellungWas bewirkt es?Praxisbeispiel
Benutzeransicht und GruppenansichtBeschränkt die Anzeige des Feldes auf die angegebenen Benutzer oder Gruppen.„Verkäuferprovision“ hat Gruppenansicht „Manager“.
Benutzerbearbeitung und GruppenbearbeitungErmöglicht, dass nur die angegebenen Benutzer oder Gruppen das Feld bearbeiten (andere sehen es als „schreibgeschützt“).„Bestellstatus“ hat Gruppenbearbeitung „Logistik“.