List of properties

Category

Properties

Object

  • Name - The variable name with which the component will be named in the Java code.

  • Id - The id with which the element can be found again in Java, JavaScript and Css code.

  • Visible - if deselected, the component, as well as all its child components, will not be displayed.

  • Enabled - If deselected, the component can no longer be interacted with.

  • Action - A class that inherits from com.rapidclipse.framework.server.ui.action.Action.Abstract can be selected here. The execute method of it will be executed when a click event is fired at the component

  • BoxSizing - Changes how the size of the contents of a layout is calculated.

  • DefaultVerticalComponentAlignment - Changes how the child component is vertically aligned in a layout.

  • DefaultHorizontalComponentAlignment - Changes how the child component is aligned horizontally in a layout.

  • JustifyContentMode - Changes how the child components arrange themselves among themselves.

  • Margin - Inserts a distance around the component

  • Padding - Inserts a space between the component and its child component.

  • Shortcut - Fires an onClick event for this component when the specified key combination is pressed.

  • Spacing - Inserts a spacing between the child components.

  • Autoselect - Indicates whether a tab is selected after loading the tabs component.

  • Orientation - Specifies the direction in which the tabs of a tabs component should be arranged.

  • SelectedIndex - Specifies which child component is selected when loading (-1 to not select a tab).

  • FlexGrow - Specifies the weight of a tab component component.

  • Opened - Specifies whether the component should already be open after loading.

  • Error - Specifies whether the error text should be displayed by the LoginForm component immediately after loading.

  • ForgotPasswordButton - Display the "Forgot Password" button of a LoginForm component.

  • Text - Automatically fills a component with a text element, (if the component is a div, for example) and adds the specified text.

  • WrapMode - Specifies how the child component should wrap after reaching the end of the component.

  • ResponsiveSteps - Opens a dialog that allows you to specify how many FormItems are arranged side by side in a FormLayout, at a specified FormLayout width.

  • ColumnSpan - Specifies how many columns a field should span.

  • TabIndex - the order in which the component should be focused after pressing Tab. -1 means that the component will be ignored and never focused by Tab. 0 means that the order was not specified and thus it will be added automatically for the component.

  • Autofocus - Specifies whether the component should be focused immediately after loading.

  • DisableOnClick - disables the component after it is clicked on

  • Icon - icon or image displayed next to the text content of a component.

  • IconAfterText - Show the icon (if defined) after the text, instead of before it.

  • Href - Sets the target of an HTML anchor. Can also contain a URL to an external web page.

  • Target - This can be used to specify in which context the page should be opened e.g. _blank, _parent or _top.

  • NavigationTarget - The view to which the RouterLink should navigate to.

  • RequiredIndicatorVisible - Specifies whether the RequiredIndicator should be displayed in the component’s label.

  • CaseSensitive - Specifies whether the search should be case sensitive.

  • FilterPropertiesConnector - Specifies how the individual filters are combined. AND → Only results matching all filters are displayed, OR → All results matching one of the filters are displayed.

  • ReadOnly - The set value of the component cannot be changed by the user.

  • SearchText - The text that is in the search field.

  • Wildcard - the character that serves as a placeholder for each character

  • Type Arguments - the type that the component should use

  • Bindings - fields to be displayed in a form layout and what properties they have.

  • Required - Indicates to the user that the field must be filled in.

  • Autocapitalize - Specifies whether e.g. the shift key should be activated automatically on cell phones etc.

  • Autocomplete - Passes on to the browser which type of autocomplete it should use for this field.

  • Autocorrect - Passes on to the browser / mobile whether autocorrections should be displayed for this field.

  • ClearButtonVisible - If enabled, a clear button will be displayed, allowing the user to clear the contents of the field.

  • ErrorMessage - The error message to be displayed when field becomes invalid.

  • Invalid - Sets the field to invalid

  • Label - Small description field displayed above the input field.

  • MaxLength - The maximum number of characters that can be specified. 0 → Infinite

  • MinLength - The maximum number of characters that can be specified.

  • Pattern - regex which indicates whether the content of a field is valid

  • Placeholder - text which will be displayed in the field if it is empty.

  • PreventInvalidInput - If active, no invalid characters can be entered.

  • Title - tooltip which is displayed when the user hovers the mouse over the component.

  • Value - content of a user input element

  • ValueChangeMode - Specifies when the ValueChanged event should be fired.

  • ValueChangeTimeout - The time in milliseconds to wait before firing a ValueChanged event if TIMEOUT was selected for ValueChangeMode.

  • RevealButtonVisible - Specifies whether the RevealButton, which makes the password visible in the password field, should be displayed.

  • Max - The largest possible number that can be entered in a number field. 0 → no Max

  • Mix - The smallest possible number that can be entered in a number field. 0 → no min

  • Step - The number to be added / subtracted from the entered number.

  • Indeterminate - Specifies whether the field should start with a neutral position means that it has no default value.

  • Vertical - Specifies whether the child component should be displayed vertically.

  • AllowCustomValue - Specifies whether user inputs should also be accepted, or whether only the predefined inputs can be used.

  • PageSize - number of items that can be displayed in a component at once.

  • EmtpySelectionAllowed - Specifies whether an empty input is also accepted.

  • EmptySelectionCaption - text that will be displayed for an empty input if no placeholder is set.

  • Initial Position - The default value that is set if nothing has been specified yet.

  • Locale - The language to be used for the input display.

  • WeekNumbersVisible - Specifies whether the week number should be displayed as well.

  • AutoUpload - Specifies whether the selected file should be uploaded immediately.

  • DropAllowed - Specifies whether you can also add files by drag and drop.

  • DropLabel - message to be displayed when a file is added by drag and drop.

  • DropLabelIcon - icon to be displayed when a file is added by drag and drop.

  • MaxFiles - Maximum number of files that can be selected.

  • MaxFileSize - Maximum size of the file to be uploaded.

  • ColumnReorderingAllowed - Allows the user to rearrange the columns by drag and drop

  • DetailsVisibleOnClick - If activated, details can be shown/hidden by clicking on the line.

  • DropMode - can be used to change the drag and drop logic

  • HeightByRows - the height is determined by the number of rows

  • MultiSort - Allow multiple client-side sorting of columns

  • RowsDraggable - Allows the user to drag and drop columns to lift them up

  • SelectionMode - Specifies whether one or more (or none) can be selected at the same time.

  • VerticalScrollingEnabled - Specifies whether the user is allowed to scroll up and down in the grid.

  • Alt - alternative text displayed when the component could not be loaded.

  • Src - path to the resource to be displayed

  • Embed in Composite - Wraps the component in a wrapper, thus the component specific method calls can be nested in another layer deeper.

Styling

  • ThemeName - name of the theme that the component and child component should use.

  • Theme Variants - name of the variant of a theme to be used. (e.g. Light vs Dark theme)

  • ClassName - allocation of css classes this component should have (separated by spaces).

  • MinWidth - The smallest width the component can have (units: px for pixel, % for percent).

  • MaxWidth - The largest width the component can have (units: px for pixel, % for percent).

  • MinHeight - The smallest height the component can have (units: px for pixel, % for percent).

  • MaxHeight - The largest height the component can have (units: px for pixel, % for percent).

  • Scrollbars - Enable the Css-overflow property, so you can set horizontal and vertical scrollers.

  • Styles - dialog where the css styles for the selected component can be defined.

  • Color - The color of the component

GUI Persistence

  • Persist - Allows a view to be persisted

Data

  • Connected Grid - The grid to which the filter component will be connected.

    • Searchable Properties - All properties of the grid that the filter component can search for in the search field.

    • Filterable Properties - all properties of the grid, according to which the Filter component can create filters.

  • DataProvider - This can be used to select a query if an entity is set with @DAO as type argument.

  • ItemLabel - This can be used to specify which attribute of the set type argument should be displayed.

Routing

  • Is Router Layout - Specifies that the view is a layout and that views can enter it as a layout.

  • Parent Layout - Here the layout of the view can be determined. This must have Is Router Layout activated to be selected. Layouts can also be nested, i.e. a layout can also have a parent layout.

  • Route - The url under which the view can be reached. (Can also be an empty string)

  • Route > Absolute - Ignores all RoutePrefix annotations of the parent layouts.

  • Route > Register at Startup - If disabled, the route cannot be reached until it is added to the router by code.