Umbraco UI Builder
CMSCloudHeartcoreDXP
15.latest
15.latest
  • Umbraco UI Builder Documentation
  • Known Issues
  • Release Notes
  • Getting Started
    • First Steps with UI Builder
    • Requirements
    • Installing Umbraco UI Builder
    • Licensing
    • Configuration
    • User Interface
  • Upgrading
    • Upgrade your UI Builder setup
    • Upgrading Umbraco UI Builder
    • Version Specific Upgrade Notes
    • Migrate from Konstrukt to Umbraco UI Builder
  • How-to Guides
    • Creating your First Integration
  • Areas
    • Explore Areas in UI Builder
    • Sections
      • Summary Dashboards
    • Trees
      • Folders
    • Dashboards
    • Context Apps
  • Collections
    • Work with Collections in UI Builder
    • The Basics
    • List Views
      • Field Views
    • Editors
    • Child Collections
      • Child Collection Groups
      • Retrieve Child Collections
    • Related Collections
    • Entity Identifier Converters
  • Searching
    • Add Search to Your Collections
    • Searchable Properties
  • Filtering
    • Filter Your Data with Ease
    • Global Filters
    • Data Views
      • Data Views Builders
    • Filterable Properties
  • Actions
    • Trigger Actions in UI Builder
    • The Basics
    • Action Visibility
    • Inbuilt Actions
  • Cards
    • Display Insights with Cards
    • Count Cards
    • Custom Cards
  • Property Editors
    • Enhance Input with Property Editors
    • Entity Picker
  • Advanced
    • Ready to go deeper?
    • Virtual Sub Trees
    • Encrypted Properties
    • Value Mappers
    • Repositories
    • Events
  • Miscellaneous
    • Conventions
    • Umbraco Aliases
Powered by GitBook
On this page
  • Defining a Child Collection Group
  • Using the AddChildCollectionGroup() Method
  • Using the AddChildCollectionGroup() Method with Custom Icon

Was this helpful?

Edit on GitHub
Export as PDF
  1. Collections
  2. Child Collections

Child Collection Groups

Configuring child collection groups in Umbraco UI Builder.

PreviousChild CollectionsNextRetrieve Child Collections

Last updated 1 month ago

Was this helpful?

This page is a work in progress and may undergo further revisions, updates, or amendments. The information contained herein is subject to change without notice.

A child collection group is a container for other child collections. Its purpose is mainly to provide a logical grouping of multiple child collections to help with organization and an improved user experience.

Defining a Child Collection Group

You can define a child collection group by calling one of the AddChildCollectionGroup methods on a given collection config builder instance.

Using the AddChildCollectionGroup() Method

Adds a child collection group to the current collection with the specified name and default icon.

Method Syntax

AddChildCollectionGroup(string name, Lambda childCollectionGroupConfig = null) : ChildCollectionGroupConfigBuilder

Example

collectionConfig.AddChildCollectionGroup("Family", childCollectionGroupConfig => {
    ...
});

Using the AddChildCollectionGroup() Method with Custom Icon

Adds a child collection group to the current collection with the specified name and custom icon.

Method Syntax

AddChildCollectionGroup(string name, string icon, Lambda childCollectionGroupConfig = null) : ChildCollectionGroupConfigBuilder

Example

collectionConfig.AddChildCollectionGroup("Family", "icon-users", childCollectionGroupConfig => {
    ...
});
Child Collection Groups