Examples to use Asset Selector properties usage-examples

You can define the Asset Selector properties in the index.html file to customize the Asset Selector display within your application.

Example 1: Asset Selector in rail view

If the value of the AssetSelector rail is set to false or is not mentioned in the properties, Asset Selector displays in the Modal view by default. The acvConfig property allows for some in-depth configurations, like the Drag and Drop. Visit enable or disable drag and drop to understand the usage of acvConfig property.

Example 2: Metadata popover

Use various properties to define metadata of an asset that you want to view using an info icon. The info popover provides the collection of information about asset or the folder including title, dimensions, date of modification, location, and description of an asset. In the example below, various properties are used to display metadata of an asset, for example, repo:path property specifies the location of an asset.

Example 3: Custom filter property in rail view

In addition to the faceted search, Assets Selector lets you customize various attributes to refine your search from Adobe Experience Manager as a Cloud Service application. Add the following code to add customized search filters in your application. In the example below, the Type Filter search that filters the asset type among Images, Documents, or Videos or the filter type that you have added for the search.