Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to add a new property for coral-column-preview-value

Avatar

Level 3

Hello All,

Can any one please let me know how to add a new property(to show tags) to the preview list in AEM sites. I am using AEM 6.3 version.

1821172_pastedImage_0.png

I want to show tags over here along with title,name and other properties.

Thanks,

Adithya.

1 Accepted Solution

Avatar

Correct answer by
Employee

You can do it on the client side using javascript so that it's upgrade proof. Experiencing Adobe Experience Manager - Day CQ: In the blog "Experiencing Adobe Experience Manger - ...  has many posts on extending AEM consoles client side.

It will definitely be additional work but it will be helpful during upgrades. Give it a try!

View solution in original post

8 Replies

Avatar

Level 3

To add any new property to the preview list of pages, you need to overlay/override/slingresource merge this file /libs/screens/dcc/components/page/columnpreview/columnpreview.jsp.

Here is the logic how those properties showing up. You need to customize based on your requirement.

Best,

Cal    

Avatar

Community Advisor

I believe there is another file to render site column preview, located at

/libs/cq/gui/components/coral/admin/page/columnpreview/columnpreview.jsp

Thanks

Arun



Arun Patidar

Avatar

Level 3

[Note] Couldn't edit the previous post. Here's a revision.

To add any new property to the preview list of pages, you need to overlay/override/slingresource merge this file /libs/cq/gui/components/coral/admin/page/columnpreview/columnpreview.jsp. Here is the logic

how those properties showing up. You need to customize based on your requirement.  

Best,

Cal    

Avatar

Level 3

Thanks for your help. I had implemented to display tags in our project by changing the columnpreview.jsp file.

Avatar

Correct answer by
Employee

You can do it on the client side using javascript so that it's upgrade proof. Experiencing Adobe Experience Manager - Day CQ: In the blog "Experiencing Adobe Experience Manger - ...  has many posts on extending AEM consoles client side.

It will definitely be additional work but it will be helpful during upgrades. Give it a try!

Avatar

Level 3

Hi @rmahendra I have a similar requirement but this link was not working. Do you have any other example?