Filterable Properties
Configuring filterable properties in Umbraco UI Builder, the backoffice UI builder for Umbraco.
Umbraco UI Builder can dynamically build a filter dialog choosing appropriate editor views for you based on a basic property configuration. Properties of a number or date types will become range pickers and enums. Properties with options defined will become select/checkbox lists and all other properties will become text input filters.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-e47add24c4100ac7ab022a33a8c0b588db832af9%252Ffilterable_properties.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=d1be524a&sv=1)
Defining filterable properties
Defining filterable properties is controlled via the collections configuration.
AddFilterableProperty(Lambda filterablePropertyExpression, Lambda filterConfig = null) : CollectionConfigBuilder<TEntityType>
Adds the given property to the filterable properties collection.
Changing the label of a filterable property
SetLabel(string label) : FilterablePropertyConfigBuilder<TEntityType, TValueType>
Adding a description to a filterable property
SetDescription(string description) : FilterablePropertyConfigBuilder<TEntityType, TValueType>
Defining basic options for a filterable property
SetOptions(IDictionary<TValueType, string> options) : FilterablePropertyConfigBuilder<TEntityType, TValueType>
Defining options with custom compare clauses for a filterable property
AddOption(object key, string label, Lambda compareExpression) : FilterablePropertyConfigBuilder<TEntityType, TValueType>
Configuring the mode of a filterable property
For filterable properties with options you can configure whether the options should be multiple or single choice.
SetMode(FilterMode mode) : FilterablePropertyConfigBuilder<TEntityType, TValueType>
Last updated