submit-feedback
legacy-knowledge-base
Publicado Jul. 25, 0002

How to check from a page fragment if the edit mode is active?

written-by

Jose L. Bango

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

legacy-article

learn-legacy-article-disclaimer-text

Issue

  • From a page fragment code, we want to check if the edit mode is active for the page.
  • Our fragment needs to behave different if the page is in edit mode (for instance, to create a modal fragment).

Environment

  • DXP 7.2
  • DXP 7.3
  • DXP 7.4

Resolution

  • You can check if the edit mode is active this way: 
    const editMode = document.body.classList.contains('has-edit-mode-menu');

    if (editMode) {
        // edit mode is active
        ...
    }

Additional Information

  • See a real use case for the banner-slider fragment here.
did-this-article-resolve-your-issue
legacy-knowledge-base
did-this-article-resolve-your-issue