Child Collections
Configuring child collections in Umbraco UI Builder.
Last updated
Was this helpful?
Configuring child collections in Umbraco UI Builder.
Last updated
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 is a container for data models that are tied to a parent collection. The child collection system shares the Collections API, offering flexibility for managing and displaying related data within your backoffice UI.
By default, child collections are displayed as context apps within the parent model's editor view. If multiple child collections lead to an overcrowded context apps area, consider using the Child Collection Groups API. Using the API, you can group related child collections under a single context app, with each child collection appearing in separate tabs.
To define a child collection, use the AddChildCollection
method on the given collection config builder instance.
AddChildCollection()
MethodThis method adds a child collection with the specified names, description, and default icons. Both the entity ID and foreign key fields must be specified using property accessor expressions.
AddChildCollection()
Method with Custom IconsThis method adds a child collection to the current collection with the specified names, description and custom icons. Both the entity ID and foreign key fields must be specified using property accessor expressions.
Child collections share the same API as the Collection
config builder API, except child collections cannot contain further child collections. For more information, see the Basics article.