Entity visualization options
Sitecore Content Hub provides entity visualization options in Search components that use the taxonomy definitions associated with the entity. This feature adds visualization properties to all taxonomy definitions as well as some entity definitions, and extends the Search component output templates to reflect these changes. These visualization properties are used in the Search component output.
Icon and color configuration
You can assign an icon and a color:
-
to taxonomy items (from the taxonomy management page).
-
to specific entities (from the entity detail page).
Icons
There is a rich set of icons that you can choose from. To find an icon, you can use keywords (for example, car).
Colors
You can select a color from the list of available colors.
The Theme color option dynamically applies the main color selected for the user theme.
Search configuration and output
The Search component Output tab includes visualization options for icon and color.
You can use the entity visualization options with all Search component output templates (for example, Grid, List, Table, and so on).
The image property has two options:
-
Thumbnail
-
Icon
Thumbnail option
The Thumbnail option displays the thumbnail (master image) of the entity if it is available.
If the Image property is set to Thumbnail, but there is no master image available for an entity, the Icon option is used instead.
Icon option
The Icon option displays icons instead of thumbnails, as configured in the icon and color properties.
You can apply icons from a taxonomy relation or from the entity itself.
Add icon field
You can add icon fields as indicators in the search output. After you select the relevant taxonomy definition, various display formats are available.
Display formats include:
-
Badge - this option displays the indicators as colorful badges on the entities.
-
Relation - this option displays the indicators as clickable links on the entities. Clicking on the link redirects the user to the configured detail page.
-
Colored icon - this option displays the indicators as colored icons.
-
Colored label - this option displays the indicators as colored labels. The labels in the grid are the ones configured in the taxonomy item.
-
Colored icon and label - this option displays the indicators as colored icons and labels. The labels in the grid are the ones configured in the taxonomy item.
To change the badge color, select a color from the drop-down list next to Color.
Visualization when using non-taxonomy relations
A non-taxonomy relation doesn't display icon or label options because visualization relies on the Entity.Visualization property.
To create the Entity.Visualization property:
-
On the menu bar, click Manage
. -
On the Manage page, click Schema.
-
On the Schema page, select the definition to which you want to add the Entity.Visualization property, for example, M.Asset.
-
On the asset definition page, click New member.
-
In the New member dialog, next to Property, click Select.
-
In the data types drop-down list, select JSON and then click Next.
-
Make sure the Allow updates switch is turned on.
-
On the General information tab, in the Name field, enter
Entity.Visualization. -
Click Save.
-
Click Apply changes.
If you navigate to an entity to which the Entity.Visualization member has been added and click Edit on the Overview pane, you will see the Entity-Visualization section.
