You are here:
Visibility Settings of Elements
Create a group of elements to show or hide those elements based on visibility conditions and bindings.
Required Editions
| Available in Lightning Experience in Enterprise and Unlimited Editions that have Consumer Goods Cloud enabled. |
The supported child elements are:
- visibility: Groups elements and hides them based on visibility conditions and binding.
Uses string type of data. This is a required element. The supported child elements are:
- visibilityBinding: Evaluates visibility based on a given binding
- visibilityCondition: Evaluates visibility based on the number of filtered list items of an each element.
- table
- img
- p
- h1, h2
The child elements of visibilityBinding are:
| Element | Description | Data Type | Required |
|---|---|---|---|
| binding | Points to an object’s field in the Declarations section. | String | Yes |
| operator | Supported values are:
|
String | Yes |
| value | Literal value to filter. | String | Yes |
| compareMode | Converts LI field values and literal value to string or number for filtering. Default is STRING. Supported values are:
|
String | No |
The child elements of visibilityCondition are:
| Element | Description | Data Type | Required |
|---|---|---|---|
| eachName | Points to a specific each element and its list object and items. | String | Yes |
| operator | Supported values are:
|
String | Yes |
| value | Literal value to filter. | String | Yes |
Example Here’s an example where a paragraph is printed only if the sales org value is
'0001'.
<div>
<visibility>
<visibilityBinding binding="{{Declarations::salesOrg.text}}" value="0001" operator="EQ" />
</visibility>
<p bold="true">{{Labels::SalesOrg01Id; defaultLabel=0001}}</p>
</div>Did this article solve your issue?
Let us know so we can improve!
