Configuring the editor of a collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.
An editor is the user interface used to edit an entity and is made up of tabs and property editors.
The editor configuration is a sub-configuration of a Collection
config builder instance and is accessed via its Editor
method.
Accesses the editor config of the given collection.
Adds a tab to the editor.
A slidebar is a smaller area that is displayed to the right of the main editor. The sidebar can also contain fieldsets and fields in the same way tabs can. However, it is a much more limited display area so you'll need to choose your field types carefully. The sidebar is a great location to display entity metadata.
Configures the sidebar for the tab.
Sets the runtime visibility of the tab.
Adds the given fieldset to the tab.
Sets the runtime visibility of the fieldset.
Adds the given property to the editor.
By default, Umbraco UI Builder will build the label from the property name, including splitting camel case names into sentence cases. However, you can set an explicit label if preferred.
Sets the label for the editor field.
Sometimes you may have a field editor that would work better in full width. You can achieve this by explicitly hiding the field label.
Hides the label for the editor field.
Sets the description for the editor field.
By default, Umbraco UI Builder will automatically choose a relevant Data Type for basic field types. However, if you wish to use an alternative Data Type then you can override this.
Set the Data Type of the current field to the Umbraco Data Type with the given name.
Set the Data Type of the current field to the Umbraco Data Type with the given id.
Sets the default value to a known constant.
Sets the default value via a function that gets evaluated at time of entity creation.
Makes the given field required.
Defines the regular expression to use when validating the field.
Makes the current field read-only disabling editing in the UI.
Makes the current field read-only disabling editing in the UI. Provides a custom formatting expression to use when rendering the value as a string.
Makes the current field read-only disabling editing in the UI. Provides the name or id of a datatype to use when in read-only mode.
Makes the current field read-only disabling editing in the UI if the given runtime predicate is true.
Makes the current field read-only disabling editing in the UI if the given runtime predicate is true. Provides a custom formatting expression to use when rendering the value as a string.
Makes the current field read-only disabling editing in the UI if the given runtime predicate is true. Provides the name or id of a datatype to use when in read-only mode.
Sets the runtime visibility of the field.