Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

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

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

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

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

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

ListGraphic

QuinoListGraphic

  • Darstellung einer Liste

  • IQuinoDashboardGridTileProps → kein Aspekt

  • DashboardSizingAspect

Im Zuge von Dashboard 2.0 erweitern

Layout-Elemente

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

--