Custom tab in page properties. | Community
Skip to main content
A
abhising23
New Participant
July 25, 2022
Solved

Custom tab in page properties.

  • July 25, 2022
  • 3 replies
  • 1935 views

How to create a custom tab in properties containing image, image title, image description from backend using java. 

Also, create a component that will display the values in properties tab.

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 niketgoel

You can just override cq:dialog of your page component and add a new tab.

You can refer this document override section and apply same for you page component 
https://experienceleague.adobe.com/docs/experience-manager-65/developing/platform/sling-resource-mer...

 

Niket Goel

3 replies

Shiv_Prakash_Patel
Shiv_Prakash_Patel
New Participant
July 25, 2022

Hi @abhising23 ,

Please refer to this to create custom page Properties - https://medium.com/@mayursatav/extending-page-properties-in-aem-40891183df30 

And Use InheritanceValueMap in Sling Model to get page properties value for Component. - https://stackoverflow.com/questions/48079450/how-to-get-page-properties-using-sling-model-in-aem-6-3 

If you are using ACS AEM Commons you can use Hierarchical Page Property as well - https://adobe-consulting-services.github.io/acs-aem-commons/features/sling-model-injectors/hierarchical-page-property/index.html 

Hope this could help you !!!

Regards

Shiv

 

Shiv Prakash
    N
    niketgoelAccepted solution
    New Participant
    July 25, 2022

    You can just override cq:dialog of your page component and add a new tab.

    You can refer this document override section and apply same for you page component 
    https://experienceleague.adobe.com/docs/experience-manager-65/developing/platform/sling-resource-mer...

     

    Niket Goel

      Sachin_Arora_
      Sachin_Arora_
      New Participant
      July 25, 2022

      You don't need to write in Java to add a new tab in page properties. You can just override cq:dialog of your page component and add a new tab.

      You can refer this document override section and apply same for you page component 
      https://experienceleague.adobe.com/docs/experience-manager-65/developing/platform/sling-resource-merger.html?lang=en

      In your case it would be /apps/core/wcm/components/page/v3/page/cq:dialog

      To display data in Tab, you can refer this resource. Its been used in Live Copy Tab to show the status. Path : /libs/wcm/msm/components/touch-ui/propertiesdialog/livecopy/status

       

        Terms & ConditionsAccessibility statement

        Loading footer...