Authoring included component in page | Community
Skip to main content
mudaliar847906
mudaliar847906
New Participant
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

kautuk_sahni
kautuk_sahni
Employee
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
MukeshYadav_
MukeshYadav_
New Participant
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

    K
    KarthickVe
    New Participant
    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).

      arunpatidar
      arunpatidar
      New Participant
      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
        daniel-strmecki
        daniel-strmeckiAccepted solution
        New Participant
        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

         

          Terms & ConditionsAccessibility statement

          Loading footer...