Skip to main content
S
sameryadav
New Participant
December 1, 2022
Solved

How to implement Clickable links in Edit mode

  • December 1, 2022
  • 3 replies
  • 1180 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Mohit_KBansal

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.

3 replies

Mohit_KBansal
Mohit_KBansalAccepted solution
Employee
December 1, 2022

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.
    B_Sravan
    B_Sravan
    New Participant
    December 1, 2022

    Hi @sameryadav ,

    this has been discussed in the following threads: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/clickable-links-in-touch-ui-edit-mode/td-p/166735,
    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-can-i-access-preview-mode-on-individual-components-in-edit/td-p/441410

    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

      N
      Nikita___Garg
      Employee
      December 1, 2022

      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

        Terms & ConditionsAccessibility statement

        Loading footer...