Style system for nested component | Community
Skip to main content
S
sirishap9577191
Level 2
September 2, 2024
Solved

Style system for nested component

  • September 2, 2024
  • 4 replies
  • 820 views

hello team,

 

i m embedding a component inside another component using data-sly-resource. I m not getting style system options for the embedded component. However when we include the component directly then style system comes.

 

How to enable style system??? i have tried decoration=true but it didnt work.

    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 h_kataria

    I would agree with @estebanbustamante It seems to be probably related to policies. You can try copying the embedded component's policy once under your parent component's policy node to check.

    Structure would look something like this : 

    Parent component
      parent component policy

      embedded component

        embedded component policy

     

    4 replies

    Kamal_Kishor
    Community Advisor
    Kamal_KishorCommunity Advisor
    Community Advisor
    September 2, 2024

    @sirishap9577191 : Is it possible to share the code snippet.
    Based on similar question, it should work already, please refer: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/style-system-is-not-visible-for-embedded-components-aem-6-3/m-p/260199

     

      EstebanBustamante
      Community Advisor and Adobe Champion
      EstebanBustamanteCommunity Advisor and Adobe Champion
      Community Advisor and Adobe Champion
      September 2, 2024

      Hi, 

      Check the policies of the component, most likely the policies are not applied to the embed component. 

      Hope this helps

      Esteban Bustamante
        h_kataria
        Community Advisor
        h_katariaCommunity AdvisorAccepted solution
        Community Advisor
        September 2, 2024

        I would agree with @estebanbustamante It seems to be probably related to policies. You can try copying the embedded component's policy once under your parent component's policy node to check.

        Structure would look something like this : 

        Parent component
          parent component policy

          embedded component

            embedded component policy

         

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          September 13, 2024

          @sirishap9577191 Did you find the suggestion helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

          Kautuk Sahni
          Terms & ConditionsAccessibility statement

          Loading footer...