How to implement Clickable links in Edit mode | Community
Skip to main content
S
sameryadav
Level 4
December 1, 2022
Solved

How to implement Clickable links in Edit mode

  • December 1, 2022
  • 3 replies
  • 1174 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

N
Adobe Employee
Nikita___GargAdobe Employee
Adobe 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

    B_Sravan
    Community Advisor
    B_SravanCommunity Advisor
    Community Advisor
    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

      Mohit_KBansal
      Adobe Employee
      Mohit_KBansalAdobe EmployeeAccepted solution
      Adobe 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.
        Terms & ConditionsAccessibility statement

        Loading footer...