Editing (v7+)

Global Areas Not Editable

Permalink March 17, 2012 at 9:05 AM

Hello, I've done some searching on this and haven't found anything. I have designed my first few templates and they have worked fine, but in this template I included a few Global Regions up top and when I try to click on them to add a block, they do not pull up the menu. However, below the main content of the site I put another global region for the footer and it works fine. Please see the attached video.

http://screencast.com/t/lp8YFe4f4...

Here's my code for the page...

<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
<head>
<?php   Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $a = new GlobalArea('YourLogo');
               $a->display();

Viewing 15 lines of 101 lines. View entire code block.

 
<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
 
<head>
 
<?php   Loader::element('header_required'); ?>
 
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
 
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $a = new GlobalArea('YourLogo');
               $a->display();
               ?>
         </div>
 
         <div id="info" class="col205 last text-right">
                    <?php  
               $a = new GlobalArea('Contact1');
               $a->display();
               ?>
         </div>
      </div>
 
      <div id="menu-area" class="fixed">
         <div class="col655">
            <div id="menu">
                    <?php  
               $a = new GlobalArea('Nav');
                $a->display();
               ?>
            </div>
         </div>
         <div id="search" class="last">
                    <?php  
               $a = new GlobalArea('Search1');
               $a->display();
               ?>
         </div>
      </div>
   </div>
 
   <div id="site-content" class="fixed">
      <div id="slider">
                <?php  
                 $a = new Area('Header Image');
                 $a->display($c);
                 ?>
      </div>
      <div class="fixed">
         <div class="service1">
                <?php  
                 $a = new Area('Service1');
                  $a->display($c);
                  ?>
         </div>
         <div class="service2">
                <?php  
                 $a = new Area('Service2');
                  $a->display($c);
                  ?>
         </div>
         <div class="service3">
                <?php  
                 $a = new Area('Service3');
                  $a->display($c);
                  ?>
         </div>   
      </div>
      <div class="fixed">
         <div class="welcome">
                <?php  
                 $a = new Area('Welcome');
                  $a->display($c);
                  ?>
         </div>
         <div class="about">
                <?php  
                 $a = new Area('Main');
                  $a->display($c);
                  ?>
         </div>
      </div>
   </div>
 
   <div id="footer" class="fixed">
      <div class="fixed">
         <div id="foot1">
               <?php
               $a = new GlobalArea('Footer1');
                $a->display();
               ?>
         </div>
         <div id="foot2">
               <?php
               $a = new GlobalArea('Footer2');
                $a->display();
               ?>
         </div>
</div>
 
<?php   Loader::element('footer_required'); ?>
</body>
</html>

PineCreativeLabs replied on Mar 17, 2012 at 2:43 pm Permalink Reply

Your global areas are conflicting with each other. Each global area needs to be unique. So, try doing the following: instead of using

<?php  $a = new GlobalArea('YourLogo'); $a->display($c); ?>

you would make it unique by having something like this:

<?php  $logo = new GlobalArea('YourLogo'); $logo->display($c); ?>

Notice that $a has been replaced with $logo. You Would do this for your navigation area, and others.

What's happening in your current code is that Concrete basically thinks that all your global areas are the same one, so it causes a conflict and won't work. Making each one unique should work.

Let me know if this helped.

PineCreativeLabs replied on Mar 17, 2012 at 2:53 pm Permalink Reply

I also just noticed that you're missing the

$c

that's supposed to be within the display(). So, I guess then if you use either of the above lines of code in my previous comment, you should be good to go.

richgable replied on Mar 17, 2012 at 2:53 pm Permalink Reply

I see. I tried changing all my values here's my new code.

<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
<head>
<?php   Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $logo = new GlobalArea('YourLogo');
               $logo->display();

Viewing 15 lines of 101 lines. View entire code block.

 
<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
 
<head>
 
<?php   Loader::element('header_required'); ?>
 
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
 
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $logo = new GlobalArea('YourLogo');
               $logo->display();
               ?>
         </div>
 
         <div id="info" class="col205 last text-right">
                    <?php  
               $contact = new GlobalArea('Contact');
               $contact->display();
               ?>
         </div>
      </div>
 
      <div id="menu-area" class="fixed">
         <div class="col655">
            <div id="menu">
                    <?php  
               $nav = new GlobalArea('Navigation');
                $nav->display();
               ?>
            </div>
         </div>
         <div id="search" class="last">
                    <?php  
               $search = new GlobalArea('Search');
               $search->display();
               ?>
         </div>
      </div>
   </div>
 
   <div id="site-content" class="fixed">
      <div id="slider">
                <?php  
                 $a = new Area('Header Image');
                 $a->display($c);
                 ?>
      </div>
      <div class="fixed">
         <div class="service1">
                <?php  
                 $a = new Area('Service1');
                  $a->display($c);
                  ?>
         </div>
         <div class="service2">
                <?php  
                 $a = new Area('Service2');
                  $a->display($c);
                  ?>
         </div>
         <div class="service3">
                <?php  
                 $a = new Area('Service3');
                  $a->display($c);
                  ?>
         </div>   
      </div>
      <div class="fixed">
         <div class="welcome">
                <?php  
                 $a = new Area('Welcome');
                  $a->display($c);
                  ?>
         </div>
         <div class="about">
                <?php  
                 $a = new Area('Main');
                  $a->display($c);
                  ?>
         </div>
      </div>
   </div>
 
   <div id="footer" class="fixed">
      <div class="fixed">
         <div id="foot1">
               <?php
               $footer1 = new GlobalArea('Footer1');
                $footer1->display();
               ?>
         </div>
         <div id="foot2">
               <?php
               $footer2 = new GlobalArea('Footer2');
                $footer2->display();
               ?>
         </div>
</div>
 
<?php   Loader::element('footer_required'); ?>
</body>
</html>

However, it's still doing the same thing. Do I need to make the same changes in the non-Global areas as well?

PineCreativeLabs replied on Mar 17, 2012 at 2:57 pm Permalink Reply

Try changing

$logo->display();

to this:

$logo->display($c);

.
You're missing the $c, which needs to be there.

richgable replied on Mar 17, 2012 at 3:03 pm Permalink Reply

Thanks so much for your help... see the new code below. It's still not working for the top elements, but for some reason it's working great for my 2 footer elements.

<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
<head>
<?php   Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $logo = new GlobalArea('YourLogo');
               $logo->display($c);

Viewing 15 lines of 101 lines. View entire code block.

 
 <?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>">
 
<head>
 
<?php   Loader::element('header_required'); ?>
 
<link rel="stylesheet" type="text/css" href="<?php  echo $this->getThemePath(); ?>/css/style.css" media="all" /> 
</head>
<body>
 
<div id="container">
   <div id="head" class="fixed">
      <div id="logo-area" class="fixed">
         <div id="logo">
                <?php  
               $logo = new GlobalArea('YourLogo');
               $logo->display($c);
               ?>
         </div>
 
         <div id="info" class="col205 last text-right">
                    <?php  
               $contact = new GlobalArea('Contact');
               $contact->display($c);
               ?>
         </div>
      </div>
 
      <div id="menu-area" class="fixed">
         <div class="col655">
            <div id="menu">
                    <?php  
               $nav = new GlobalArea('Navigation');
                $nav->display($c);
               ?>
            </div>
         </div>
         <div id="search" class="last">
                    <?php  
               $search = new GlobalArea('Search');
               $search->display($c);
               ?>
         </div>
      </div>
   </div>
 
   <div id="site-content" class="fixed">
      <div id="slider">
                <?php  
                 $a = new Area('Header Image');
                 $a->display($c);
                 ?>
      </div>
      <div class="fixed">
         <div class="service1">
                <?php  
                 $a = new Area('Service1');
                  $a->display($c);
                  ?>
         </div>
         <div class="service2">
                <?php  
                 $a = new Area('Service2');
                  $a->display($c);
                  ?>
         </div>
         <div class="service3">
                <?php  
                 $a = new Area('Service3');
                  $a->display($c);
                  ?>
         </div>   
      </div>
      <div class="fixed">
         <div class="welcome">
                <?php  
                 $a = new Area('Welcome');
                  $a->display($c);
                  ?>
         </div>
         <div class="about">
                <?php  
                 $a = new Area('Main');
                  $a->display($c);
                  ?>
         </div>
      </div>
   </div>
 
   <div id="footer" class="fixed">
      <div class="fixed">
         <div id="foot1">
               <?php
               $footer1 = new GlobalArea('Footer1');
                $footer1->display($c);
               ?>
         </div>
         <div id="foot2">
               <?php
               $footer2 = new GlobalArea('Footer2');
                $footer2->display($c);
               ?>
         </div>
</div>
 
<?php   Loader::element('footer_required'); ?>
</body>
</html>

PineCreativeLabs replied on Mar 17, 2012 at 3:21 pm Permalink Reply

Ok, in this case, you may want to try going back to this:

<?php  $a = new GlobalArea('YourLogo'); $a->display($c); ?>

instead of the unique one. But, if the footers seem to work, then maybe those could be kept as unique ones.

I had overlooked that you were missing the $c, so that may have been all you needed to do all along, lol!

jordanlev replied on Mar 17, 2012 at 5:46 pm Permalink Reply

Changing the variable name (for example, from $a to $logo) should not make a difference, because once you call the "display()" method on the area, Concrete5 is done with it -- you're then free to re-assign the variable to another area without any problems.

I'm guessing the issue is one of the other things you've mentioned.

Mnkras replied on Mar 17, 2012 at 9:41 pm Permalink Reply

Just a note, Global areas, do not need the $c passed to the display method.

richgable replied on Mar 17, 2012 at 9:33 pm Permalink Best Answer Reply

Well, I finally got it figured out. It was because I had a z-index in the CSS file. As soon as I took this code out:

z-index: 10;

Everything started working just fine. Thanks for all the help! It ended up being something in my design from the get-go.

tobygundry replied on May 15, 2013 at 1:33 am Permalink Reply

This worked for me too. If you need to keep your z-index like I did, you can use this as a work around:

<?php
global $cp;
if ($cp->canViewToolbar()) {
?>
<script>jQuery(document).ready(function() { jQuery(".your-selector").css("z-index", "auto"); });</script>
<?php } ?>

Forums

Editing (v7+)

Global Areas Not Editable

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?