FluentUI: Eingabefelder – Demo-Übersicht

Zurück: FluentUI: Komponenten-Referenzen

Ein Eingabefeld ist ein einzelner, beschrifteter Formular-Baustein. Acht Kategorien – von Button bis ProgressBar – teilen denselben Basiskontrakt und unterscheiden sich nur im Bedienelement.

Status: vollständig [Live] (Vollausbau 2026-07-14) – alle acht Kategorie-Methoden plus Feld-Basiskontrakt sind in helper_plugin_wkfluentui_widgets umgesetzt (Verhaltens-Skript: scripts/formfields.js). Kategorienschema nach der DevExpress- ASPxEditors-Demo-Suite (https://demos.devexpress.com/ASPxEditorsDemos/Default.aspx) – dieselbe Kategorienaufteilung (Button, Calendar, CheckBox, ComboBox, DateEdit, DropDownEdit, ListBox, ProgressBar), hier auf den PHP-Kontrakt dieser Bibliothek übertragen statt auf ASP.NET-Controls.

Ein Eingabefeld (wk-field) ist ein einzelner, beschrifteter Formular-Baustein – Gegenstück zu den Formular-Zeilen eines Vertical Grid (das mehrere Eingabefelder in ein Label/Wert-Raster einbettet). Alle acht Kategorien teilen denselben Basiskontrakt – siehe Grundlagen – und unterscheiden sich nur im control-Teil des Markups.

• FluentUI: Vertical Grid (Property Grid) – Demo-Übersicht – bettet Eingabefelder in ein Label/Wert-Raster ein
• FluentUI: Basis-Widget-Katalog – CSS-/ARIA-Vorstufe (Stufe 2) für Button/Dropdown/ProgressBar
• FluentUI: Öffentliche Helper-API – Methodenverträge aller bereits umgesetzten Helper
• Styles-Contract (--wk-*) – Farbsemantik, die Button-Varianten folgen