How to implement Clickable links in Edit mode

[sameryadav]

Hi Experts

We have one requirment to create link clickable in to edit mode. It is working in preview mode. However we want it clickable in to Edit mode.

What all are the option to implement it?

Thanks

~S

[Nikita___Garg]

hi @sameryadav ,

Could you please explain the reason why you want to open links in edit mode.

Usually edit mode is for authoring and preview to see how page will look like.

Thanks,

Nikita Garg

[B_Sravan]

Hi @sameryadav ,

this has been discussed in the following threads: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/clickable-links-in-touch-u...
https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-can-i-access-preview-m...

There's no other inbuilt solution to this as the WCM mode is set at the top level in authoring mode. If you require that for a certain section of a component, you should set the WCM mode at that div which makes it unavailable for authoring. So I would suggest you make use of the preview mode as mentioned above.

Thank you,

Sravan

[Mohit_KBansal · Accepted solution]

AEM Content in edit mode is overlayed by an edit layer, this is why we see rectangles on hover of components with an edit action bar.

It's not advised to customize this behavior, otherwise, you will end up complexing the page editing experience.

Also, Clicking on the link will take the user to a new page, which can be achieved by a simple process (which is OOtB)

1. Page#1 - Edit the content, and links
2. Page#1 - Click on the Preview mode button -> Page#2 will open
3. Page#2 - Click on the Edit mode button to start editing.