Authoring included component in page | Community
Skip to main content
mudaliar847906
mudaliar847906
Level 2
October 24, 2024
Solved

Authoring included component in page

  • October 24, 2024
  • 5 replies
  • 835 views

Hi Team,

 

I have one component In that i have included another component like below

Say like banner component included dropdown-bar-takeover-v2
<sly data-sly-test= "${properties.enableDate}">
<div data-sly-resource="${'./enableDateDropDown' @ resourceType = 'we-retails/components/content/dropdown/dropdown-bar-takeover-v2'}"/>
</sly>

 

I need to change some authoring for dropdown-bar-takeover-v2 component how i will author that

 

 

Regards

Manikantha R

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 daniel-strmecki

Hi @mudaliar847906,

sounds like you will need to create a custom component but you can supertype the dropdown-bar-takeover-v2. That means inheriting all properties from dropdown-bar-takeover-v2 and then you just change what you need. For example add new fields to the authoring dialog. If you haven't done this before look for documentation explaining sling:resourceSuperType.

 

Good luck,

Daniel

 

5 replies

daniel-strmecki
Community Advisor and Adobe Champion
daniel-strmeckiCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
October 24, 2024

Hi @mudaliar847906,

sounds like you will need to create a custom component but you can supertype the dropdown-bar-takeover-v2. That means inheriting all properties from dropdown-bar-takeover-v2 and then you just change what you need. For example add new fields to the authoring dialog. If you haven't done this before look for documentation explaining sling:resourceSuperType.

 

Good luck,

Daniel

 

    arunpatidar
    Community Advisor
    arunpatidarCommunity Advisor
    Community Advisor
    October 24, 2024

    Hi @mudaliar847906 
    Are you not able to see authoring option for includes option? can you share the screenshot

     

    It should look like below:

     

     

    Arun Patidar
      K
      KarthickVe
      Level 4
      October 25, 2024

      @mudaliar847906 sounds like you are using nested components were you are not able to author child component?

       

      if yes,

      1.You need to check in the authoring page whether parsys for both the components is visible or not.

      2. if its visible you need to open that parsys then do authoring for that specific component (parrent or child).

        MukeshYadav_
        Community Advisor
        MukeshYadav_Community Advisor
        Community Advisor
        October 25, 2024

        Hi @mudaliar847906 ,

        As you have kept inside data-sly-test element condition, inner component(dropdown-bar-takeover-v2) won't be available(visible) by default to author until you check(author) enableDate in outer component.

        First you need to enable by authoring outer component enableDate

        <sly data-sly-test= "${properties.enableDate}">
        <div data-sly-resource="${'./enableDateDropDown' @ resourceType = 'we-retails/components/content/dropdown/dropdown-bar-takeover-v2'}"/>
        </sly>

        If you want to enable (to be available) to author by default on adding the outer component itself, you have to keep outside data-sly-test element.

        Thanks

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          November 5, 2024

          @mudaliar847906 Did you find the suggestions 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...