NEW Sidebar FAQ
      Back to home
      1. Cidi Labs Help Center
      2. DesignPLUS
      3. NEW Sidebar FAQ

      How do I lock an element in the Rich Content Editor using DesignPLUS?

      DesignPLUS allows users to lock an element or a page so that it cannot be edited in the Rich Content Editor (RCE).

      There are a few ways to lock elements on a page so they cannot be edited in the RCE. Specific elements can be locked on the page, so they cannot be edited, or an entire page can be locked so that the page cannot be edited without going into the HTML.

      Note: the HTML can still be edited when an element is locked in the RCE.

      How to Lock Elements

      Using HTML

      Add the class "dp-locked" to the element you want to lock in the RCE in the Canvas HTML Editor, the Advanced Editor, or the Attributes tool.

      Using the Advanced Editor

      The Advanced Editor can be enabled by going to the sidebar User Settings and enabling the Advanced Editor.Steps to lock an item in the Advanced Editor

      To lock an item using the Advanced Editor,

      1. Open the Advanced Editor.
      2. In the RCE select the element you want to lock.
      3. In the Advanced Editor select the element or div you want to lock.
      4. Select the unlocked icon to lock the element in the editor.

      For more information on the Advanced Editor, see the DesignPLUS User Guide: Advanced Editor. 

      Using the Advanced Panel to Lock Action Items

      Steps to lock an item in the Advanced panel.Action Items can be locked in the Advanced panel of the sidebar. 

      To lock an Action Item using the Advanced panel, 

      1. Under the Edit Current Element tab, select the Action Item you want to lock.
      2. Select the Advanced panel.
      3. Select the lock icon to lock the element.

      For more information on Action Items, see the DesignPLUS User Guide: Action Items.

      Locking Action Items using the Advanced panel will lock all of the action items on a page. If you want to lock individual Action Items, we recommend using the HTML or the Advanced Editor.

      To Lock an Entire Page

      If you want to Lock an Entire page, you will want to add the class "dp-locked" to the div that contains the "dp-wrapper" class. This can be done in the HTML or using the Advanced Editor.

      How to Unlock Elements

      Using HTML

      To Unlock an Element using HTML, remove the class "dp-locked" and the attribute contenteditable="false" within the HTML.

      The contenteditable="false" attribute will not appear in the Canvas HTML Editor, as this attribute is removed while viewing the HTML automatically.

      Using the Advanced Editor

      Steps to unlock an item in the Advanced EditorTo unlock an item using the Advanced Editor,

      1. Open the Advanced Editor.
      2. In the RCE select the element you want to unlock.
      3. In the Advanced Editor select the element or div you want to unlock.
      4. Select the locked icon to unlock the element in the editor.