How to pre fill page name dynamically while creating a page in AEM | Community
Skip to main content
Nagarjuna06
New Participant
Sep 12, 2020 12:53 PM UTC
Solved

How to pre fill page name dynamically while creating a page in AEM

Hi, i have a requirement to prefill page name with unique Id while creating a page. Could you please let me know if you have any ideas on how to handle this.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Singaiah_Chintalapudi
Singaiah_ChintalapudiAccepted solution
Level 7
Sep 12, 2020 10:02 PM UTC

It depends on the requirement (Are you looking to leverage UUID/GUIDs?). If you want to pre-populate the page-name in the dialog wizard, you can do that using JS. 

1. Define a clientlib - the JS (Assumping you want to use GUID/UUID or some other IDs which can easily generated on client side) file should inject a value into the AEM Page Name field. See dialog validations based on jQuery if you need more info on how to do this

2. Go to your page template component (if you're using OOTB one then overlay this node) and load the above clientlib in this  page component

 

Thats it.

 

When you create a page then it should pre-populate the value.

 

Let me know.

 

Thanks,

Singaiah

 

View reply

3 replies

Nikhil-Kumar
Nikhil-Kumar
New Participant
Sep 13, 2020 4:42 PM UTC

@nagarjuna06 

Create a clientlib with JS which will target the the title name field of the page with the unique ID and add this clientlib as part of template's page policy.

Thanks,
Nikhil 

Translate
    ChitraMadan
    ChitraMadan
    New Participant
    Sep 12, 2020 10:40 PM UTC

    Hi @nagarjuna06 ,

     

    This is the node which is responsible for taking page name while creating a page.

    You need to overlay this path if you want to customise Page Name.

     

    /libs/wcm/foundation/components/basicpage/v1/basicpage/tabs/basic/items/column/items/title/items/pagename

     

    Now, to generate unique id, you will have to write js for it. Please refer to below articles for few options.

     

    https://www.linkedin.com/pulse/event-handling-touch-ui-dialog-varun-shakya/

    https://aemsimplifiedbynikhil.wordpress.com/2018/07/30/touchui-dialog-listeners-aem-6-3/

    Translate
      Singaiah_Chintalapudi
      Singaiah_ChintalapudiAccepted solution
      Level 7
      Sep 12, 2020 10:02 PM UTC

      It depends on the requirement (Are you looking to leverage UUID/GUIDs?). If you want to pre-populate the page-name in the dialog wizard, you can do that using JS. 

      1. Define a clientlib - the JS (Assumping you want to use GUID/UUID or some other IDs which can easily generated on client side) file should inject a value into the AEM Page Name field. See dialog validations based on jQuery if you need more info on how to do this

      2. Go to your page template component (if you're using OOTB one then overlay this node) and load the above clientlib in this  page component

       

      Thats it.

       

      When you create a page then it should pre-populate the value.

       

      Let me know.

       

      Thanks,

      Singaiah

       

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...