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

Sort page in alphabatical order in sites.html (AEM 6.3)

Avatar

Community Advisor

Hi,

I'm using AEM 6.3 and want to sort pages in sites.html in alphabetical order. I want to sort the pages in alphabatical based on page title.

I've followed the steps mentioned in blog Adobe Experience Manager Customization: AEM 6.2 sort pages in sites admin console and I'm able to sort the pages based on last modified and last published but not able to sort then based on title.

Any idea?

Regards,
Himanshu

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

HI,

It works in 6.3

Output - Ascending order z-a and Z-A

Screenshot 2018-10-23 at 12.01.12 AM.png

datasource changes

Screenshot 2018-10-23 at 12.00.55 AM.png

datasource code(already present)

Screenshot 2018-10-23 at 12.00.50 AM.png



Arun Patidar

View solution in original post

9 Replies

Avatar

Community Advisor

Hi,

I think sorting by title is OOTB.

I am able to do it in 6.3

Screenshot 2018-10-22 at 11.05.34 PM.png



Arun Patidar

Avatar

Level 1

Hi Arun,

This query might not be exactly related to this but I am facing a similar issue with respect to OOTB sorting with Commerce products if there are more items on the page.
However, sorting works if there are just 8-10 items. Any suggestions on this?


Regards,

Nitesh

Avatar

Community Advisor

Hi,

The sorting of pages based on title shall appear based on page load.

The package which is shared in blog, it contains overlay of all 3 views (list, column and card). And, if I used the property value as "published" then it shows the pages as per last modified status in ascending or descending order.

I want the same in case of title as well.

Avatar

Correct answer by
Community Advisor

HI,

It works in 6.3

Output - Ascending order z-a and Z-A

Screenshot 2018-10-23 at 12.01.12 AM.png

datasource changes

Screenshot 2018-10-23 at 12.00.55 AM.png

datasource code(already present)

Screenshot 2018-10-23 at 12.00.50 AM.png



Arun Patidar

Avatar

Level 10

Thanks Arun for posting this detailed information

Avatar

Community Advisor

Thanks Arun for the detailed explanation.

But, I think either I failed to explain properly or I'm missing something here.

The pages order which you've shown in screenshot (ascending z-a, Z-A)

togglePage -> myProj63 -> myHTL63 -> demo2 -> demo-wr -> common -> ?? --> ??

The WE.Train & WE.Retail, shouldn't it come at the top?

Also, could you please share the files path where I can find the code you've attached?

Avatar

Community Advisor

Hi,

The sorting is based on java.util.Comparator

which compare string(type) character by character based on ASCII and returns integer based on comparison result.

So sorting order is correct in above screenshot.

You can find complete code at:

/libs/cq/gui/components/common/wcm/datasources/childpages/childpages.jsp



Arun Patidar

Avatar

Community Advisor

Thanks Arun for providing detailed explanation :-)

I've 1 more question here about how it can be achieved in Classic UI?

Regards,

Himanshu

Avatar

Level 10

In AEM 6.3 - its recommended to use TOuch UI.