Liste an Properties

Object

• Name - Der Variablenname, mit welcher die Komponente im Java-Code bezeichnet wird

• Id - Die Id, mit welcher das Element wieder gefunden werden kann in Java, JavaScript und Css-Code

• Visible - Wenn deselektiert, wird die Komponente, als auch alle ihre Child-Komponente, nicht angezeigt

• Enabled - Wenn deselektiert, kann mit der Komponente nicht mehr interagiert werden

• Action - Hier kann eine Klasse, die von com.rapidclipse.framework.server.ui.action.Action.Abstract erbt, ausgewählt werden. Die execute-Methode davon wird ausgeführt, wenn ein Click-Event bei der Komponente gefeuert wird

• BoxSizing - Verändert, wie die Größe des Inhalts eines Layouts berechnet wird

• DefaultVerticalComponentAlignment - Verändert, wie die Child-Komponente in einen Layout vertikal angeordnet werden

• DefaultHorizontalComponentAlignment - Verändert, wie die Child-Komponente in einen Layout horizontal angeordnet werden

• JustifyContentMode - Verändert, wie sich die Child-Komponente sich untereinander anordnen

• Margin - Fügt einen Abstand um die Komponente ein

• Padding - Fügt einen Abstand zwischen der Komponente und ihrer Child-Komponente ein

• Shortcut - Feuert ein onClick-Event für diese Komponente, wenn die angegebene Tastenkombination gedrückt wird

• Spacing - Fügt einen Abstand zwischen den Child-Komponenten ein

• Autoselect - Gibt an, ob ein Tab nach dem Laden der Tabs-Komponente ausgewählt ist

• Orientation - Gibt an, in welche Richtung die Tabs einer Tabs-Komponente angeordnet werden soll

• SelectedIndex - Gibt an, welche Child-Komponente beim Laden selektiert ist (-1 um keinen Tab zu selektieren)

• FlexGrow - Gibt die Gewichtung einer Tab-Komponente Komponente an

• Opened - Gibt an, ob die Komponente nach dem Laden schon geöffnet sein soll

• Error - Gibt an, ob der Error-Text von der LoginForm-Komponente nach dem Laden sofort angezeigt werden soll

• ForgotPasswordButton - Anzeigen des “Forgot Password”-Buttons einer LoginForm-Komponente

• Text - Füllt eine Komponente automatisch mit einen Text-Element (falls die Komponente z.B. ein Div ist) und fügt den angegebenen Text hinzu

• WrapMode - Gibt an, wie die Child-Komponente nach erreichen des Ende der Komponente umbrechen sollen

• ResponsiveSteps - Öffnet einen Dialog, mit dem man angegeben kann, wie viele FormItems in einen FormLayout nebeneinander, bei einer bestimmen FormLayout-Breite, angeordnet werden

• ColumnSpan - Gibt an, über wie viele Spalten sich ein Feld ziehen soll

• TabIndex - Die Reihenfolge in welcher die Komponente nach drücken von Tab fokussiert werden soll. -1 bedeutet, dass die Komponente ignoriert wird und nie per Tab fokussiert wird. 0 bedeutet, dass die Reihenfolge nicht angegeben wurde und diese somit für die Komponente automatisch hinzugefügt wird

• Autofocus - Gibt an, ob die Komponente nach laden sofort fokussiert werden soll

• DisableOnClick - Disabled die Komponente nachdem auf sie geklickt wurde

• Icon - Icon oder Bild, welches neben dem Textinhalt einer Komponente angezeigt wird

• IconAfterText - Zeigt das Icon (wenn definiert) nach dem Text, anstatt davor

• Href - Setzt das Ziel von einen HTML-Anchor. Kann auch eine URL zu einer externen Webseite beinhalten.

• Target - Damit kann angegeben werden, in welchen Kontext die Seite geöffnet werden soll z.B. _blank, _parent oder _top

• NavigationTarget - Die View zu welcher der RouterLink navigieren soll

• RequiredIndicatorVisible - Gibt an, ob der RequiredIndicator im Label der Komponente angezeigt werden soll

• CaseSensitive - Gibt an, ob bei der Suche auf Groß- und Kleinschreibung geachtet werden soll

• FilterPropertiesConnector - Gibt an, wie die einzelnen Filter miteinander kombiniert werden. AND → Es werden nur Ergebnisse angezeigt, die mit allen Filtern übereinstimmen, OR → Es werden alle Ergebnisse angezeigt, die mit einen der Filter übereinstimmt

• ReadOnly - Der gesetzte Wert der Komponente kann nicht vom Benutzer geändert werden

• SearchText - Der Text der im Suchfeld steht

• Wildcard - Der Character, welcher als Platzhalter für jeden Character dient

• Type Arguments - Der Type, welcher die Komponente benutzen soll

• Bindings - Felder, die in einen FormLayout angezeigt werden sollen und welche Eigenschaften diese haben

• Required - Zeigt den User an, dass das Feld ausgefüllt werden muss

• Autocapitalize - Gibt an, ob bei Handys etc. z.B. automatisch die Umschalttaste aktiviert sein soll

• Autocomplete - Gibt an den Browser weiter, welche Art von Autovervollständigung dieser für dieses Feld benutzen soll

• Autocorrect - Gibt an den Browser / Handys weiter, ob Autokorrekturen für dieses Feld angezeigt werden sollen

• ClearButtonVisible - Wenn aktiviert, wird ein Clear-Button angezeigt, mit dem der User den Inhalt des Feldes löschen kann

• ErrorMessage - Die Error-Nachricht, die angezeigt werden soll, wenn Feld invalide wird

• Invalid - Setzt das Feld auf invalid

• Label - Kleines Beschreibungsfeld, das über den Eingabefeld angezeigt wird

• MaxLength - Die maximale Anzahl an Charaktere, die angegeben werden können. 0 → Infinite

• MinLength - Die maximale Anzahl an Charaktere die angegeben werden können.

• Pattern - Regex, welcher angibt, ob der Inhalt eines Feld valide ist

• Placeholder - Text, welcher im Feld angezeigt wird, wenn dieser leer ist

• PreventInvalidInput - Wenn aktiv, keine invalide Charaktere können eingegeben werden

• Title - Tooltip, welcher angezeigt wird, wenn der Benutzer mit der Maus über die Komponente geht.

• Value - Inhalt eines Benutzereingabeelements

• ValueChangeMode - Gibt an, wann das ValueChanged-Event gefeuert werden soll

• ValueChangeTimeout - Die Zeit in Millisekunden, die gewartet wird, bevor ein ValueChanged-Event gefeuert wird, wenn bei ValueChangeMode TIMEOUT ausgewählt wurde

• RevealButtonVisible - Gibt an, ob der RevealButton, welcher das Passwort im PasswortFeld sichtbar macht, angezeigt werden soll

• Max - Die größtmögliche Zahl, die in einen Zahlenfeld eingegeben werden kann. 0 → kein Max

• Mix - Die kleinstmögliche Zahl, die in einen Zahlenfeld eingegeben werden kann. 0 → kein Min

• Step - Die Zahl die von der eingegebenen Zahl addiert / subtrahiert werden soll

• Indeterminate - Gibt an, ob das Feld mit einer neutralen Position starten soll, heißt dass es keinen Standardwert besitzt

• Vertical - Gibt an, ob die Child-Komponente vertical angezeigt werden sollen

• AllowCustomValue - Gibt an, ob auch Eingaben vom Benutzer angenommen werden sollen, oder ob nur die vordefinierten Eingaben benutzt werden können

• PageSize - Anzahl an Items die in einer Komponente auf einmal angezeigt werden können

• EmtpySelectionAllowed - Gibt an, ob eine leere Eingabe auch akzeptiert wird

• EmptySelectionCaption - Text der bei einer leeren Eingabe angezeigt wird, wenn kein Placeholder gesetzt wurde

• Initial Position - Der Standardwert, der gesetzt ist, wenn noch nichts angegeben wurde

• Locale - Die Sprache, die für die Eingabeanzeige benutzt werden soll

• WeekNumbersVisible - Gibt an, ob die Wochennummer mit angezeigt werden soll

• AutoUpload - Gibt an, ob die ausgewählte Datei sofort hochgeladen werden soll

• DropAllowed - Gibt an, ob man auch per Drag and Drop Dateien hinzufügen kann

• DropLabel - Nachricht, die angezeigt werden soll, wenn eine Datei per Drag and Drop hinzugefügt wird

• DropLabelIcon - Icon, dass angezeigt werden soll, wenn eine Datei per Drag and Drop hinzugefügt wird

• MaxFiles - Maximale Anzahl an Dateien die ausgewählt werden dürfen

• MaxFileSize - Maximale Größe der Datei die hochgeladen werden soll

• ColumnReorderingAllowed - Erlaubt den Benutzer die Spalten per Drag and Drop neu anzuordnen

• DetailsVisibleOnClick - Wenn aktiviert können Details durch klick auf die Zeile ein/ausgeklappt werden

• DropMode - Kann benutzt werden um die Drag and Drop Logik zu verändern

• HeightByRows - Die Höhe wird von der Anzahl der Zeilen bestimmt

• MultiSort - Erlauben von mehrfacher Client-Seitiger Sortierung von Spalten

• RowsDraggable - Erlaubt den Benutzer Spalten per Drag and Drop zu heben

• SelectionMode - Gibt an, ob ein oder mehrere (oder keine) gleichzeitig ausgewählt werden können

• VerticalScrollingEnabled - Gibt an, ob der Benutzer im Grid rauf- und runterscrollen darf

• Alt - Alternativtext der angezeigt wird, wenn die Komponente nicht geladen werden konnte

• Src - Pfad zu der Resource die angezeigt werden soll

• Embed in Composite - Wickelt die Komponente in einen Wrapper, somit können die komponentenspezifische Methodenaufrufe in einer weiteren Layer tiefer verschachtelt werden.

Styling

• ThemeName - Name des Themes, welches die Komponente und die Child-Komponente benutzen soll

• Theme Variants - Name des Variants eines Themes das benutzt werden soll. (z.B. Light vs Dark theme)

• ClassName - Zuteilung von Css-Klassen die diese Komponente haben soll (Durch Leerzeichen getrennt)

• MinWidth - Die kleinste Breite, welche die Komponente besitzen kann (Einheiten: px für Pixel, % für Prozent)

• MaxWidth - Die größte Breite, welche die Komponente besitzen kann (Einheiten: px für Pixel, % für Prozent)

• MinHeight - Die kleinste Höhe, welche die Komponente besitzen kann (Einheiten: px für Pixel, % für Prozent)

• MaxHeight - Die größte Höhe, welche die Komponente besitzen kann (Einheiten: px für Pixel, % für Prozent)

• Scrollbars - Aktivieren der Css-overflow property, damit können horizontale und vertikale Scroller gesetzt werden

• Styles - Dialog, in dem die Css-Styles für die ausgewählte Komponente definiert werden können

• Color - Die Farbe der Komponente

GUI Persistence

• Persist - Erlaubt eine View persistiert zu werden

Data

• Connected Grid - Die Grid, mit der die FilterKomponente verbunden werden soll

  • Searchable Properties - Alle Properties des Grids, nach der die FilterKomponente im Suchfeld suchen kann

  • Filterable Properties - Alle Properties des Grids, nach der die FilterKomponente Filter erstellen kann

• DataProvider - Damit kann ein Query ausgewählt werden, wenn ein Entity mit @DAO als Type Argument gesetzt ist

• ItemLabel - Damit kann angegeben, welches Attribut des gesetzten Type Arguments angezeigt werden soll

Routing

• Is Router Layout - Bestimmt, dass die View ein Layout ist und das Views diese als Layout eintragen können

• Parent Layout - Hier kann das Layout des Views bestimmt werden. Dieser muss Is Router Layout aktiviert haben um ausgewählt werden zu können. Layouts können auch geschachtelt werden, heißt, auch ein Layout kann ein Parent Layout haben

• Route - Die Url, unter welche die View erreicht werden kann. (Kann auch ein leerer String sein)

• Route > Absolute - Ignoriert alle RoutePrefix annotations der Parent Layouts

• Route > Register at Startup - Wenn deaktiviert kann die Route erst erreicht werden, wenn diese per Code zum Router hinzugefügt wird