Show/Hide in style system | Community
Skip to main content
H
HariDo
New Participant
October 25, 2022
Solved

Show/Hide in style system

  • October 25, 2022
  • 1 reply
  • 960 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by HariDo

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 

1 reply

SantoshSai
SantoshSai
New Participant
October 26, 2022

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.html?lang=en

Hope that helps!

Regards,

Santosh

Santosh Sai
    H
    HariDoAuthorAccepted solution
    New Participant
    October 26, 2022

    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 

      S
      sanzstark1617
      New Participant
      October 27, 2022
      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>
        Terms & ConditionsAccessibility statement

        Loading footer...