ClassicSidebar Layout

To-Do

ColorPicker
  • Orientierung (Horizontal / Vertical) funktioniert nicht korrekt
DatePicker
  • Border-Styling fehlerhaft (weicht vom restlichen Input-Design ab)
  • Floating Label funktioniert nicht korrekt – Label bleibt immer oben
  • Grundsätzlich überlegen: Datepicker komplett neu implementieren ohne Flatpickr (natives Browser-Input oder eigene Implementierung) – Flatpickr verursacht mehr Probleme als es löst
  • Langfristig: DatePicker durch DateTimePicker ersetzen, sobald DateTimePicker ausgereift ist
DateTimePicker
  • Picker öffnet sich immer nach unten – Positionierung muss kontextsensitiv sein (nach oben aufklappen wenn unten kein Platz ist)
  • Allgemeiner Feinschliff / Edge Cases prüfen bevor er DatePicker ablöst
TextArea
  • Floating Label – Label steht aktuell im Text, sollte korrekt floating sein
FileUpload
  • Size-Unterstützung prüfen – Button und Drop-Zone skalieren vermutlich nicht korrekt mit Size (Xs–Xl); Button sollte ebenfalls kleiner/größer werden
  • Validierung MaxFileSize und MaxFiles prüfen – es ist unklar ob diese Grenzen tatsächlich als Validierungsfehler angezeigt werden oder still ignoriert werden
RichTextEditor
  • Prüfen ob bei jeder Inhaltänderung ein ständiger Postback zu Blazor ausgelöst wird – ggf. Debouncing oder andere Strategie notwendig
  • MaxHeight-Bug: Die Höhenbegrenzung funktioniert nicht korrekt – Bug ist bekannt, Lösung/Workaround noch offen
DataGrid
  • Zeilenhierarchie / expandierbare Detail-Zeilen (Sub-Grid)
  • Context Menu im Tabellenheader (Rechtsklick)
  • Cell Context Menu (Rechtsklick auf Zellen)
  • Column Visibility (Spalten ein-/ausblenden über Menü)
  • StateSave erweitern bzw Save/Load hinzufügen
  • Excel-Export
  • Conditional Formatting (Zellen/Zeilen per Regel einfärben)
  • Density-Modus (Kompakt / Normal / Komfortabel)

Neue Komponenten

Inputs
  • SignaturePad – Canvas-Unterschrift via signature_pad, @bind-Value Base64-PNG
Navigation
  • Breadcrumb – Pfad-Navigation, deklarativ oder per Items-Liste
Viewer / Display
  • CodeBlock – Syntax-Highlighting via Highlight.js; Language, ShowCopyButton, ShowLineNumbers (JS/CSS bereits vorhanden)
  • Avatar – Bild mit Initialen-Fallback; Src, Name, Size, Shape
Erweiterungen
  • Select / MultiselectGroupBy (optgroup); VirtualScroll für große Listen
  • DataGrid – RowExpander, ColumnResize, ColumnReorder, InlineEditing, TreeGrid
  • Dialog – Draggable, Resizable, MaxWidth / FullScreen-Parameter
  • ButtonIsLoading-Spinner, DropdownButton (Split-Button), ButtonGroup
  • Tabs – Closeable (OnTabClosed), LazyLoad, Scrollable Tab-Leiste
  • FileUpload – ImagePreview (Thumbnail), CameraCapture
  • RichTextEditor – Mention (@Username), Emoji-Picker, MaxLength

Für später merken

Testprojekt? Wie könnte das aussehen?

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.