Controls

Interaktive Elemente

Nachfolgend werden alle verfügbaren Controls sowie deren Konfigurationsmöglichkeiten beschrieben. Folgende Konfigurationsmöglichkeiten stehen für alle Editoren zur Verfügung:

  • LabelConfigurationAspect

  • Caption, Description, Instruction

Control Name

Komponente

Einsatzzweck

Verfügbar in Inline Editing

Konfigurationsmöglichkeiten

CHANGES

Control Name

Komponente

Einsatzzweck

Verfügbar in Inline Editing

Konfigurationsmöglichkeiten

CHANGES

Button

QuinoInlineActionButton

  • Auslösen einer Aktion

nein

  • IconAspect

  • Rename to “QuinoInlineButton”

CheckBox

QuinoCheckBox

  • Eingabe von true/false-Werten

ja

  • CheckboxConfigurationAspect

ColorPicker

QuinoColorPicker

  • Auswahl einer Farbe

ja

 

--

ComboBox

QuinoDropDown

  • Auswahl eines Elements aus einer überschaubaren Menge, wo eine simple Autocomplete-Suche ausreicht

ja

  • DropdownConfigurationAspect

  • SearchModeAspect

  • Rename to “QuinoComboBox”

  • SearchMode in DropdownConfiguration integrieren

DatePicker

QuinoDateTimePicker

  • Auswahl eines Datums

ja

  • FormatAspect

--

DateTimePicker

QuinoDateTimePicker

  • Auswahl eines Datums mit Zeit

ja

  • FormatAspect

--

EntitySelector

EntitySelector

  • Auswahl eines Objekts einer bestimmten Metaklasse

nein

 

FileUpload

QuinoFileUpload

  • Hochladen von Dateien

nein

  • FileUploadConfigurationAspect

--

GridEditor

QuinoInlineDataGrid

  • Darstellung einer Liste von Elementen innerhalb einer Detail-Ansicht

nein

  • ListConfigurationAspect

  • Rename to “List”

ImagePicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

ImageUrlPicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

  • Remove → map to ImagePicker

LanguagePicker

→ siehe Combobox

-

-

-

  • Remove (duplicate of ComboBox)

LookupEdit

→ siehe ComboBox

-

-

-

  • Remove (duplicate of ComboBox)

MetaClassSelector

MetaClassSelector

  • Auswählen einer Metaklasse

nein

 

--

(Internal use, not available in XML)

MultiLineRichTextEditor

QuinoMultiLineRichTextEditor

  • Eingabe von formatiertem Text, Tabellen, etc.

nein

  • RichTextEditorConfigurationAspect

  • SizingAspect

  • Rename to “FormattedTextEditor”

  • Rename RichTextEditorConfigurationAspect → FormattedTextEditorConfigurationAspect

  • Add “Format” (Markdown, HTML) as new property in Aspect

MultiPurposeTextEditor

QuinoMultiPurposeTextEditorLabeled

  • Eingabe von Text, Rich Text oder Bild als einfacher Text

nein

 

--

(Internal use, not available in XML)

MultiLineTextEditor

QuinoTextBox

  • Eingabe von längeren Texten

ja
(SingleLine)

  • MaskFormatAspect

  • FormatAspect

  • MaximumSizeAspect

--

PasswordEditor

QuinoTextBox → QuinoPasswordBox

  • Eingabe von Passwörtern

ja

  • MaximumSizeAspect

--

PasswordRepetition

QuinoPasswordRepetition

  • Eingabe von Passwörtern mit Kontrollfeld

nein

 

--

PresentationIcon

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts in Form eines Icons (keine Bearbeitung)

nein

  • IconAspect

  • NavigationLinkAspect

--

QuinoModelExplorer

QuinoModelExplorer

  • Darstellung des Quino Models (keine Bearbeitung)

nein

 

--

(Internal use, not available in XML)

RadioButtonGroup

QuinoRadioButtonGroup

  • Auswahl eines Elements aus einer kurzen Liste (max. 5 Einträge)

ja
(ComboBox)

  • RadioGroupLayoutAspect

  • Remove RadioGroupLayoutAspect in Client (if it still exists)

SearchEdit

QuinoSearchEdit

  • Auswahl eines Elements aus einer grösseren Menge, wo Suche/Filterung zur Eingrenzung möglich sein müssen

ja

  • DropdownConfigurationAspect

  • LayoutAspect (für Liste im Dropdown)

  • ListConfigurationAspect (für Liste im Dropdown)

--

SingleLineTextEditor

QuinoTextBox

  • Eingabe von kurzen Texten

  • Eingabe von Zahlen

ja

  • MaskFormatAspect

  • FormatAspect

  • MaximumSizeAspect

--

TimePicker

QuinoDateTimePicker

  • Auswahl einer Urzeit

ja

  • FormatAspect

--

TimeSpan

QuinoTextBox

  • Eingabe/Darstellung von Zeitspannen

ja

 

--

TranslationKeyPicker

QuinoTranslationKeyPicker

?

ja

 

--

(Internal use, not available in XML)

UrlLabel

QuinoInlineActionButton

?

nein

  • IconAspect

  • Remove

XMLEditor

XMLEditor

  • Eingabe von XML

nein

 

--

(Internal use, not available in XML)

Deprecated

Die folgenden Controls sollten nicht mehr verwendet werden. Stattdessen kann auf normalen Controls ein PresentationAspect hinzugefügt werden.

Control Name

Mapping

Beschreibung

Control Name

Mapping

Beschreibung

MultilinePresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feldwerts als Multiline-Feld (keine Bearbeitung)

PresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)

RichTextPresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts in Rich Text Form (keine Bearbeitung)

Unmapped

Control Name

Mapping sinnvoll

CHANGES

Control Name

Mapping sinnvoll

CHANGES

List

Ja, GridEditor durch List ersetzen

  • Remove

Tree

Nein, aktuell kein Bedarf

  • Remove

Detail

Nein, Detail in Detail aktuell nicht benötigt

  • Remove

Dashboard Tiles

Control Name

Einsatzzweck

Konfigurationsmöglichkeiten

Interner Kommentar

Control Name

Einsatzzweck

Konfigurationsmöglichkeiten

Interner Kommentar

Chart

  • Darstellung eines Diagramms

ChartPayload

  • AggregatedDisplay: Ein-/ausschalten der Datenaggregierung auf der X-Achse

  • Argument: X-Achsen-Parameter

  • InvertXAxis: Ein-/ausschalten einer invertierten X-Achse

  • Layout: Layout für Daten-Abfrage

  • RotateChart: Ein-/ausschalten einer um 90° rotierten Darstellung

  • Series: Definition der Daten-Serien

    • Value: Werte-Parameter

    • Type: Darstellungs-Typ

    • Color: Farbe

    • AggregationType: Aggregationstyp (nur falls AggregatedDisplay auf Chart-Ebene ein ist)

    • CustomCaption: Benutzerdefinierte Caption für diese Serie

  • ShowLegend: Ein-/ausschalten der Legende

  • ShowTooltip: Ein-/ausschalten von Daten-Tooltips

  • TickInterval: Definition eines fixen Intervalls auf der X-Achse bei Datum/Zeit-Achsen

  • UseZoom: Ein-/ausschalten der Zoom-Funktion

Konfigurierbar in:

  • UI

  • Code

Status

  • Darstellung von Status-Werten

StatusPayload

  • Columns: Fixe Anzahl Spalten, die verwendet werden sollen. Falls nicht definiert, werden alle Items in einer Zeile dargestellt

  • Items: Array von Status-Werten

    • Value: Dargestellter Wert

    • MetaType: Typ des Werts

    • ValueVisible: Sichtbarkeit des Werts

    • ValueColor: Farbe des Werts

    • ValueFormat: Format des Werts

    • ValueMask: Maske des Werts

    • Icon: Dargestelltes Icon

    • IconColor: Farbe des Icons

    • BorderColor: Farbe des unteren Rands

    • Label: Dargestelltes Text-Label

    • RefreshIntervalSec: Automatisches Refresh-Intervall in Sekunden

    • DrilldownLink: Link, der bei Klick auf den Wert aufgerufen wird

Konfigurierbar in:

  • Code

Table

  • Darstellung einer Liste

TablePayload

  • Layout

  • ShowFilter: Ein-/ausschalten des Filter-Buttons

  • ShowSearch: Ein-/ausschalten der Suche

Konfigurierbar in:

  • UI

  • Code

TranslatedText

  • Darstellung von Text bzw. Markdown-Inhalt

TranslatedTextPayload

  • TranslationKey: Verwendeter Übersetzungsschlüssel

Konfigurierbar in:

  • UI

  • Code

WebPage

  • Darstellung von externem Web-Inhalt

WebPagePayload

  • Url: Url des Web-Inhalts

Konfigurierbar in:

  • UI

  • Code

Inline Tiles

Control Name

Komponente

Einsatzzweck

Konfigurationsmöglichkeiten

Interner Kommentar

Control Name

Komponente

Einsatzzweck

Konfigurationsmöglichkeiten

Interner Kommentar

ListGraphic

QuinoListGraphic

  • Darstellung einer Liste

  • IQuinoDashboardGridTileProps → kein Aspekt

  • DashboardSizingAspect

Im Zuge von Dashboard 2.0 erweitern

Layout-Elemente

Name

Komponente

Einsatzzweck

Konfigurationsmöglichkeiten

CHANGES

Name

Komponente

Einsatzzweck

Konfigurationsmöglichkeiten

CHANGES

Column

indirectly through QuinoColumns

?

 

  • Remove

Columns

QuinoColumns

?

 

  • Remove

GroupBox

QuinoGroupBox

Aktuell: Vertikale Anordnung von Elementen

  • CollapsibleAspect

GroupRow

QuinoGroupRow

Aktuell: Horizontale Anordnung von Elementen

 

  • Remove

Label

QuinoLabel

?

 

--

ObjectSummary

QuinoObjectSummary

Zusammengefasste Darstellung eines Objekts

 

--

SimpleRow

QuinoSimpleRow

Aktuell: Vereinfachte horizontale Anordnung von Elementen

 

  • Remove

Separator

QuinoSeparator

Trenner zwischen zwei Gruppen, aktuell nur horizontal

 

  • Add possiblity of vertical separator with LayoutDirectionAspect

ResponsiveBox

QuinoResponsiveBox

?

 

  • Remove

TabContainer

QuinoTabsContainer

Aufteilung einer Detailansicht in verschiedene Tabs

 

--

TabItem

--

Gruppe innerhalb eines Tab-Controls

 

--