March 22, 2020
Estimated Post Reading Time ~

Content Diff Tool for AEM

AEM Provides A Feature, Out Of The Box, To Compare The Latest Version Of An AEM Page With One Of Its Previous Versions. While It Serves The Purpose, There Are Scenarios Where Business Authors Want More Details. We, At TechAspect, Have Developed A Tool With These Features. Our Tool’s Main Purpose Is To Provide An Easy Way For Author’s To Compare Any Two Intermediate Versions Of A Page With Clear Differentiation.

Goals & Objectives
· Content Diff Tool Is Used To Compare The Different Versions Of A Page Using AEM. ​
· The Tool Displays The Different Components That Are Newly Added Or Modified.​
· The  tool Can Compare Two Intermediate Versions Of A Page.​
· The Tool Highlights The Component Differences Clearly With Different Colours I.E., Red, Orange, And Green.​
· The Tool Also Shows The Total Number Of Components Modified.​
· User Is Automatically Redirected To The Tool, Unlike In Other Tools Where You Have To Manually Launch The Tool.​
· The Search Path Is Filled Automatically By The Tool I.E., A User Does Not Have To Fill The Path Of A Page Manually.​

How Different From Out-Of-The-Box Feature?
· Content Diff Tool Can Compare Any Two Versions Of A Page Unlike In Out-Of-The-The-Box Where We Can Compare Latest Version Only With The Intermediate Version Of A Page.
· The Tool Intuitively Highlights The Added/Modified/Deleted Properties Of Any Component, Which Makes It Easier For The User To Compare The Changes.
· The Tool Can Be Launched Directly From The Page Unlike In Out-Of-The-Box Where We Should Launch The Tool Separately.
· Page Path Is Made As A Path Field (Selectable) Where User Can Select The Page To Compare, Thus Avoiding Manual Mistakes In Entering The Path.
· The Tool Provides A Feature Where We Can Restore A Selected Version Of A Page In A Matter Of Seconds That Saves A Lot Of Time Of The User.

How To Use?
Now, Let Us Navigate To The Tool And See How It Works. To Go To The Tool’s Console, We Click On The Page Information Button And Then Select The Open Version Tool.

Any Two Versions Can Be Selected Out Of All The Versions Available For The Selected Page. In This Example, We Will Select Version 1.0 Under Compare With And Select The Latest Version Under Selected Version. On The Right-Hand Side Of The Tool, The Total Number Of Changes Done In The Components Are Displayed.
If We Click On Hide Unchanged Components Checkbox, Only Those Components Where The Changes Have Been Made Will Be Shown.


Now, Let Us See How The Tool Compares The Two Versions Of The Page We Selected. Scrolling Down Further, We See That In The Text Component.
· Some Content Has Been Added In The Latest Version, Which Is Highlighted In Green Colour.


· Deleted Content Is Highlighted In Red Color.


· Content Modified Is Shown In Orange Color.


Hope You Liked Our Tool. Thanks To Ravi Sangubotla For Guiding Me And The UX Team Member, Veerabhadra Chary.



By aem4beginner

1 comment:

If you have any doubts or questions, please let us know.