Skip to main content
Version: 1.0.0

ContentGroupElement

ContentGroupElement is a custom HTML element that connects contained Content SDK components together, and enables cross component functionality, such as folder navigation, selection, and filtering. This element extends HTMLElement.

In cases of nested grouping, components belong to the nearest ancestor group.

Custom Element Tag​

<sas-content-group>
  <!-- Content SDK components can be embedded within, along with any other markup for the page -->
  <!-- Content SDK components will automatically detect the nearest sas-content-group and use -->
  <!-- standard group behavior unless overriden an the individual component level -->
</sas-content-group>

Properties​

initialNavigationValue: ContentNavigationValue​

Specify initial properties related to content navigation for components in this group.

initialNavigationValue.location?: ItemIdentifier​

The initial location that should be displayed by components such as the ContentAreaElement. See ItemIdentifier.

initialNavigationValue.locationContextPath?: ItemIdentifier[]​

The initial location that hierarchical, path-based components should display, such as ContentTreeElement or ContentBreadcrumbElement. See ItemIdentifier.

initialNavigationValue.locations?: LocationIdentifier[]​

The initial set of root locations to be used by hierarchical components such as ContentTreeElement. See LocationIdentifier.

initialSelectionValue: ItemIdentifier[]​

An array of ItemIdentifiers which will be initially selected in the components in this group. If you specify any items that are not displayed in one of the components in the group, then those items are ignored. Updating this property after the group has rendered changes the current selection.

initialFilterValue: ContentFilterConfig​

Specify options for filtering the content displayed in the content group. See ContentFilterConfig.

initialSortValue: { key: string; direction: 'ascending' | 'descending' | undefined; }​

Specify the initial sort order for the content displayed in the content group.

initialSortValue.key: string​

The column to sort by, such as name, dateModified, modifiedBy, dateCreated, createdBy, or type.

initialSortValue.direction: 'ascending' | 'descending' | undefined​

The sort direction. Use undefined to leave the content unsorted.