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
Button	QuinoInlineActionButton	Auslösen einer Aktion	nein	IconAspect	Rename to “QuinoInlineButton”
CheckBox	QuinoCheckBox	Eingabe von true/false-Werten	ja	CheckboxConfigurationAspect	Add checkbox value https://dev.azure.com/encodo/Quino/_workitems/edit/11460
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		Extend/adjust based on: https://dev.azure.com/encodo/Encodo-Common-UI/_sprints/backlog/Preparation Team/Encodo-Common-UI/Prep/Sp55?workitem=11585
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	Extend/adjust based on: https://dev.azure.com/encodo/Encodo-Common-UI/_workitems/edit/11700
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)
MultilinePresentationField	QuinoPresentationField	Darstellung eines einzelnen Feldwerts als Multiline-Feld (keine Bearbeitung)	nein	IconAspect SizingAspect (height) NavigationLinkAspect	--
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		--
PresentationField	QuinoPresentationField	Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)	nein	IconAspect NavigationLinkAspect	--
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)
RichTextPresentationField	QuinoPresentationField	Darstellung eines einzelnen Feld-Werts in Rich Text Form (keine Bearbeitung)	nein	IconAspect NavigationLinkAspect	Rename to “FormattedTextPresentationField”
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)

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

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	Rename to “Group” Adjust according to https://dev.azure.com/encodo/Encodo-Common-UI/_workitems/edit/11366
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		--

Aspects

Quino Web

Aspect	Converter	Verwendungen	Bemerkungen
`AggregationColumnAspect`	`AggregationColumnAspectConverter`	`.Aggregation()`	für Listen
`BackgroundColorAspect`	-	`.BackgroundColor()` `.BackgroundColorExpression`() - keine Verwendungen im Code	soll an verschiedenen Orten eingesetzt werden können
`BookmarkActionsAspect`	`BookmarkActionsAspectConverter`	`.BookmarkActions()` - keine Verwendungen im Code
`BreadcrumbParentAspect`	`BreadcrumbParentAspectConverter`	`.BreadcrumbParent()`
`CacheInvalidationAspect`	-	`.Aspect(() => new CacheInvalidationAspect()`
`CheckboxConfigurationAspect`	`CheckboxConfigurationAspectConverter`	`.CheckboxOptions()`
`ClassActionAspect`	`ClassActionAspectConverter`	`.IsClassAction()`
`CollapsibleAspect`	`CollapsibleAspectConverter`	`.Collapsible()`
`ConfirmationActionAspect`	`ConfirmationActionAspectConverter`	`.RequiresConfirmation()`
`CustomTitleAspect`	`CustomTitleAspectConverter`	`.CustomTitle()` - keine Verwendungen im Code
`DatePickerConfigurationAspect`	`DatePickerConfigurationAspectConverter`	`.DatePickerConfiguration()`
`DashboardSizingAspect`	`DashboardSizingAspectConverter`	`.SetDashboardSizing()`
`DataTestIdAspect`	`DataTestIdAspectConverter`	`.DataTestId()` - keine Verwendungen im Code. Für UI Testing.
`DefaultAspect`	`DefaultAspectConverter`	`.SetDefault()`
`DependencyAspect`	`DependencyAspectConverter`	`.Dependency()` `.FindOrAddAspect(() => new DependencyAspect())`
`DrilldownColumnAspect`	`DrilldownColumnAspectConverter`	`.IsDrilldownColum()`
`DropdownConfigurationAspect`	`DropdownConfigurationAspectConverter`	`.DropdownConfiguration()`
`ExpressionBasedLayoutScopeAspect`	`ExpressionBasedLayoutScopeAspectConverter`	`.Scope()`
`FileUploadConfigurationAspect`	`FileUploadOptionsConverter`	`.FindOrAddAspect(() => new FileUploadConfigurationAspect`)
`FontColorAspect`	-	`.FontColor()` - keine Verwendungen im Code `.FontColorExpression()`
`HealthCheckClassAspect`	-	In ApplicationController: `var result = classes.FirstOrDefault(cls => _aspectCalculator.TryGetAspect<HealthCheckClassAspect>(cls, out _));`
`LabelConfigurationAspect`	`LabelConfigurationAspectConverter`	`.SetLabelOptions()`
`ListActionAspect`	`ListActionAspectConverter`	`.SetListAction()`
`ListConfigurationAspect`	`DataGridConfigurationAspectConverter`	`.ListConfiguration()`
`ListTitleAspect`	`ListTitleAspectConverter`	`.SetListCaption()` - keine Verwendungen im Code
`MaskFormatAspect`	`MaskFormatAspectConverter`	`.Mask()`	Rename to MaskAspect
`MetaSortAspect`	`MetaLayoutConverter`	`.AddWebSort()`
`NotificationClassAspect`	`NotificationClassAspectConverter`	`.IsNotificationClass()`
`RichTextEditorConfigurationAspect`	`RichTextEditorConfigurationAspectConverter`	`.SetRichTextEditorConfiguration()`
`ScrollableAspect`	`ScrollableAspectConverter`	`.IsScrollable()`
`SidebarConfigurationAspect`	`SidebarConfigurationAspectConverter`	.`ConfigureSidebar()`
`SimpleChangeTrackingAspect`	-	Used in SimpleChangeTrackingExtensions.cs
`SortedValueListPropertyAspect`	`SortedValueListPropertyAspectConverter`	`.SetAspect(new SortedValueListPropertyAspect())`
`VisibleInExplorerAspect`	`VisibleInExplorerAspectConverter`	`.Aspect(() => new VisibleInExplorerAspect(`) `.IsVisibleInExplorer()` `.InverseIsVisibleInExplorer()` - keine Verwendungen im Code
`AbsoluteNavigationLinkAspect`	`AbsoluteNavigationLinkAspectConverter`	`.SetAbsoluteNavigationLink()` `.SetAbsoluteNavigationLinkExpression()` - keine Verwendungen im Code `.SetTarget()`
`AbsoluteNavigationLinkAspectTarget`	`AbsoluteNavigationLinkAspectConverter`	Used in AbsoluteNavigationLinkAspect.cs
`ClassNavigationLinkAspect`	`ClassNavigationLinkAspectConverter`	`.SetClassNavigationLink()` - keine Verwendungen im Code `.SetTarget()`
`ClassNavigationLinkAspectTarget`	`ClassNavigationLinkAspectConverter`	Used in ClassNavigationLinkAspect.cs
`ObjectNavigationLinkAspect`	`ObjectNavigationLinkAspectConverter`	`.SetObjectNavigationLink()`
`ObjectNavigationLinkAspectTarget`	`ObjectNavigationLinkAspectConverter`	Used in ObjectNavigationLinkAspect.cs
`CalenderExportAspect`	-	Used in its own file
`GlobalSearchClassAspect`	-	`.Searchable()`
`GlobalSearchDeltaUpdateCollectorAspect`	-	`.Searchable()`
`GlobalSearchFilteredPropertyAspect`	-	`.Searchable()`
`GlobalSearchPropertyAspect`	-	`.Searchable()` Used in GlobalSearchProvider.cs
`ClientSecretHashingAspect`	-	`.Aspect(() => new ClientSecretHashingAspect())`
`NumberGroupCreateEventClassAspect`	-	`.AssignNumberGroup()`
`NumberGroupDefinitionModelAspect`	-	`.AssignNumberGroup()` Used in NumberGroupCreateEventClass.cs Used in NumberGroupDataGenerator.cs
`ResponsiveBoxAspect`	`ResponsiveBoxAspectConverter`	`.FindOrAddAspect<IResponsiveBoxAspect>(() => new ResponsiveBoxAspect())`
`ResponsiveLocationAspect`	`ResponsiveLocationAspectConverter`	`.FindOrAddAspect<IResponsiveLocationAspect>(() => new ResponsiveLocationAspect())`
`FormatAspectConverter`	Same file	Keine Verwendungen im Code

Quino Standard

Aspect	Converter	Verwendungen
`ExpandedAspect`	`ExpandedAspectConverter` (Quino Web)	`.IsExpanded()`
`ExpressionBasedValidationAspect`	`ExpressionBasedValidationAspectConverter` (Quino Web)	Keine Verwendungen im Code
`FormatAspect`	`FormatAspectConverter` (Quino Web)	`.Format()`
`IconAspect`	`IconAspectConverter` (Quino Web)	`.Icon()`
`LayoutAspect`	`LayoutAspectConverter` (Quino Web)	`.FindOrAddAspect(() => new LayoutAspect(layout)).Layout = layout` `.FindOrAddAspect(() => new LayoutAspect(metaLayout))`
`MaximumSizeAspect`	`MaximumSizeAspectConverter` (Quino Web)	`.Size()` - keine Verwendungen im Code
`MetaFilterAspect`	`MetaFilterAspectConverter` (Quino Web)	`.MetaFilter()`
`ReadOnlyAspect`	`ReadOnlyAspectConverter` (Quino Web)	Used in `ModelDependencyCalculatorStartupAction.cs` `.IsReadOnly()` ?
`RuleAspect`	`RuleAspectConverter` (Quino Web)	Used in `IMaximumSizeAspect`
`SizingAspect`	`SizingAspectConverter` (Quino Web)	`.FindOrAddAspect(() => new SizingAspect {})`
`SortOrderAspect`	`SortOrderAspectConverter` (Quino Web)	`.AddSortOrderProperty()`
`ValueListPropertyAspect`	`ValueListAspectJsonConverter` (Quino Web)	Used in `GenericController.cs`
`ColorAspect`	`ColorAspectConverter` (Quino Web)	Used in `BackgroundColorAspect.cs` and `FontColorAspect.cs`