Show/Hide in style system

[HariDo]

Hi All,

is there any show/hide functionality or conditions available in Style System.

Requirements- if i select a class in style system then the new group or class in style system should be Visible,
if its not selected the group or class should be hidden.

eg. if i select the Full Width then there should be a new Class or group visible.

[SantoshSai]

Hi @HariDo ,

I believe, styles can be grouped together within the style menu that the content author will see when configuring the style of the component. Please refer [0] for more details.

[0]: https://experienceleague.adobe.com/docs/experience-manager-65/authoring/siteandpage/style-system.htm...

Hope that helps!

Regards,

Santosh

[HariDo · Accepted solution]

Hi @SantoshSai 

yes there is grouping in style system and styles can be combined but is doubt is there any Show/Hide or if conditions available for style system.

Regards,
Hari 

[sanzstark1617]

This XML file does not appear to have any style information associated with it. The document tree is shown below.

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" jcr:primaryType="nt:unstructured" jcr:title="Page" sling:resourceType="cq/gui/components/authoring/dialog" extraClientlibs="[cq.common.wcm,core.wcm.components.page.v2.editor,cq.wcm.msm.properties,granite.contexthub.configuration,cq.siteadmin.admin.properties,abbott.authoring.validation]" helpPath="https://www.adobe.com/go/aem_cmp_page_v2" mode="edit" trackingFeature="core-components:page:v2">

<content granite:class="cq-dialog-content-page" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

<tabs granite:class="cq-siteadmin-admin-properties-tabs" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/tabs" size="L">

<items jcr:primaryType="nt:unstructured">

<pageProperties jcr:primaryType="nt:unstructured" jcr:title="Page Properties" sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">

<items jcr:primaryType="nt:unstructured">

<column jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

<accordion jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/accordion" multiple="{Boolean}true" variant="quiet">

<items jcr:primaryType="nt:unstructured">

<general jcr:primaryType="nt:unstructured" jcr:title="General Properties" sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

<column jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

<section jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">

<items jcr:primaryType="nt:unstructured">

<approvalID cq:showOnCreate="{Boolean}true" granite:class="checkParentNodesConfig" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" fieldDescription="Enter the approval id for the page " fieldLabel="Approval ID (Veeva, ensur, Pepper)" name="./approvalID">

<granite:data jcr:primaryType="nt:unstructured" cq-msm-lockable="ensureID"/>

</approvalID>

<productName cq:showOnCreate="{Boolean}true" granite:class="checkParentNodesConfig" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" fieldDescription="Product Name to be used same as Sales Tool Kit (STK)" fieldLabel="Product Name (STK)" name="./productName">

<granite:data jcr:primaryType="nt:unstructured" cq-msm-lockable="productName"/>

</productName>

</items>

</section>

</items>

</column>

</items>

<parentConfig jcr:primaryType="nt:unstructured" active="{Boolean}true"/>

</general>

</items>

</accordion>

</items>

</column>

</items>

</pageProperties>

</items>

</tabs>

</items>

</content>

</jcr:root>