Web Administrator's Guide
Saturday, December 07, 2019

How can I prevent default panels from appearing on select pages?

Hide a Single Panel:

Edit Existing Default Panel
  1. Open the Panels manager and open the default panel you want to hide.
  2. Click the Source button on the editor toolbar.
  3. Add the following code to the beginning of the content area: <div id="hide1">
  4. Add </div> at the end of the content area.
Create New Panel
  1. Open the Panels manager.
  2. Add a new Panel and give it the following title: Hide Default Panels
  3. Click the Source button on the editor toolbar and add the following code:
  4. <script type="text/javascript">
            document.getElementById("hide1").style.display = "none";
    </script>
  5. Click the Save icon in the upper right corner of the screen.
  6. Using the Panel Placement tab, select the page or pages you want to place the panel and then select "Footer" as the Panel Position.

Hide Multiple Panels:

Edit Existing Default Panels
  1. Open the Panels manager and open the default panels you want to hide.
  2. Click the Source button on the editor toolbar.
  3. Add the following code to the beginning of the content area of the first panel: <div id="hide1">
  4. Add </div> at the end of the content area.
  5. Add the following code to the beginning of the content area of the next panel: <div id="hide2">
  6. Add </div> at the end of the content area.
  7. Do this for each panel you want to hide, increasing the number in the ID by one each time.
Create New Panel
  1. Open the Panels manager.
  2. Add a new Panel and give it the following title: Hide Default Panel
  3. Click the Source button on the editor toolbar and add the following code:
  4. <script type="text/javascript">
            document.getElementById("hide1").style.display = "none";
            document.getElementById("hide2").style.display = "none";
    </script>
  5. Add a new line between the script tag for each panel. Be sure the ID's match the ones used in the Panel source code.
  6. Click the Save icon in the upper right corner of the screen.
  7. Using the Panel Placement tab, select the page or pages you want to place the panel and then select "Footer" as the Panel Position.
Content:Content Panels
Technical:HTML / JavaScript / CSS

Previous Page