Themes

Edit Page button does not work - this is my first Theme

Permalink 1 user found helpful August 31, 2011 at 7:34 PM

Hi,

I'm new to Concrete5, having downloaded it and installed it on my server yesterday. I'm pretty excited about what I've seen so far but I've come up against a brick wall in my first Theme. I wanted to convert the design I have on my website into a theme and have been somewhat successful with it. I have the theme up on my site, but for some reason the Edit Page button doesn't work. I get the rollover on both the Edit Page and Add Page buttons but neither lets me edit my page.

I've worked through a tutorial Theme and was successful with that so I'm not sure why I can't get my own custom made theme to work.

I do notice that when I activate the theme it pulls content from the default theme, its only the fact that I can't edit it that seems to be the issue. This is the link to my test site:

http://www.lostdoggrafix.com/concrete5/...

Below is my code for the header.php, footer.php and default.php, I'd appreciate any help in understanding what I've done wrong. Thanks in advance :]

header.php:

<?php
   defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="web design, web designer,  website, designer, html, CSS, illustration, comic books, comic illustrator, artist" />
<meta name="description" content="Lost Dog Grafix is a small web design studio. Our focus is on clean minimalist design that meets the goals of our clients. " />
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('main.css')?>";</style>
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('typography.css')?>";</style>
<?php
Loader::element('header_required');
?>
<link href='http://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

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

<?php
   defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="web design, web designer,  website, designer, html, CSS, illustration, comic books, comic illustrator, artist" />
<meta name="description" content="Lost Dog Grafix is a small web design studio. Our focus is on clean minimalist design that meets the goals of our clients. " />
 
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('main.css')?>";</style>
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('typography.css')?>";</style>
 
<?php
Loader::element('header_required');
?>
 
 
<link href='http://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
                      $('#reg-form').validate()
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
   $(document).ready(function() {
 
      /*$('#reg-form').validate()*/
      $("a[rel^='prettyPhoto']").prettyPhoto();
 
      });//END docunent ready
</script>-->
 
</head>
 
<body>
<div id="wrapper">
 
      <div id="logo"></div>
      <div id="contact">
 
        <div id="button-group"><p><a href="contact.php" target="_self">Contact Me</a></p><br />
          <a href="http://twitter.com/#!/scottm1164" target="_blank"><img src="<?php echo $this->getThemePath()?>/images/twitter.png" width="62" height="78" alt="Twitter" class="social-button" /></a><a href="http://www.facebook.com" target="_blank"><img src="<?php echo $this->getThemePath()?>/images/facebook.png" width="62" height="78" alt="Facebook" class="social-button" /></a></div>
      </div><!-- END CONTACT -->
 
          <div id="menubar">
          <ul>
              <li><a href="index.php" target="_self">Home</a></li>
              <li><a href="portfolio.php" target="_self">Portfolio</a></li>
              <li><a href="resume.php" target="_self">Resume</a></li>
              <li><a href="about.php" target="_self">About</a></li>
          </ul>
          </div> <!-- END MENUBAR -->
 
          <div id="main-content">
          <div id="spacegirl"><img src="<?php echo $this->getThemePath()?>/images/spacegirl2.gif" width="309" height="436" alt="Lost Dog Grafix Space Girl " />

default.php:

<?php 
defined('C5_EXECUTE') or die(_("Access Denied."));
/*adds the header*/
$this->inc('elements/header.php'); 
?> 
</div>
<div id="comics-list">
<ul>
<h3>Comic Book Art</h3>
<li class="callout"><a href="http://www.lostdoggrafix.com/historyofodd/" target="_blank">History of Odd</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/marvelous/marvelous.html" target="_blank">Marvelous 1</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/marvelous2/marvelous2.html" target="_blank">Marvelous 2</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/chaos-mayhem/final/CnM-final.html" target="_blank">Chaos and Mayhem</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/fringe/fringe-fin.html" target="_blank">Fringe Dweller 1</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/fringe/issue-2/fringe-issue2.html" target="_blank">Fringe Dweller 2</a></li>

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

<?php 
defined('C5_EXECUTE') or die(_("Access Denied."));
/*adds the header*/
$this->inc('elements/header.php'); 
?> 
 
</div>
<div id="comics-list">
 
<ul>
<h3>Comic Book Art</h3>
<li class="callout"><a href="http://www.lostdoggrafix.com/historyofodd/" target="_blank">History of Odd</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/marvelous/marvelous.html" target="_blank">Marvelous 1</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/marvelous2/marvelous2.html" target="_blank">Marvelous 2</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/chaos-mayhem/final/CnM-final.html" target="_blank">Chaos and Mayhem</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/fringe/fringe-fin.html" target="_blank">Fringe Dweller 1</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/fringe/issue-2/fringe-issue2.html" target="_blank">Fringe Dweller 2</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/fringe/issue-3/fringe-issue3.html" target="_blank">Fringe Dweller 3</a></li>
<li class="callout"><a href="http://www.lostdoggrafix.com/ap-bob2/bob2.html" target="_blank">Apocolyptic Bob</a></li>
 
 
</ul>
 
</div>
 
<div class="content-cell">
     <?php 
     $a = new Area('Main');
     $a->display($c);
     ?>
</div>
 
<?php
/*adds the footer*/
$this->inc('elements/footer.php');  
?>

footer.php:

<?php 
   defined('C5_EXECUTE') or die(_("Access Denied."));
   require(DIR_FILES_ELEMENTS_CORE . '/footer_required.php'); 
?>
          </div> <!--END MAIN-CONTENT-->
      </div><!--END WRAPPER --->     
      <div id="footer">
     <ul>
       <li><a href="index.php" target="_self">Home</a></li>
        <li><a href="portfolio.php" target="_self">Portfolio</a></li>
        <li><a href="resume.php" target="_self">Resume</a></li>
        <li><a href="about.php" target="_self">About</a></li>
    </ul>
    <div id="columns">
      <div class="col">

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

<?php 
   defined('C5_EXECUTE') or die(_("Access Denied."));
   require(DIR_FILES_ELEMENTS_CORE . '/footer_required.php'); 
?>
 
 
          </div> <!--END MAIN-CONTENT-->
 
      </div><!--END WRAPPER --->     
      <div id="footer">
     <ul>
       <li><a href="index.php" target="_self">Home</a></li>
        <li><a href="portfolio.php" target="_self">Portfolio</a></li>
        <li><a href="resume.php" target="_self">Resume</a></li>
        <li><a href="about.php" target="_self">About</a></li>
    </ul>
    <div id="columns">
      <div class="col">
 
         <ul>
        <h3>Inspiration</h3>
 
        <li><a href="http://designrfix.com/" target="_blank">Designrfix</a></li>
        <li><a href="http://2010.designmeltdown.com/" target="_blank">Design Meltdown</a></li>
    </ul>
      </div>
      <div class="col2">
 
         <ul>
        <h3>Flash Stuff</h3>
       <li><a href="http://www.michaelfakesch.com/" target="_blank">Michael Fakesch</a></li>
        <li><a href="http://www.flashsimple.com/" target="_blank">Flash Simple</a></li>
        <li><a href="http://www.tarboy.com/" target="_blank">Tar Boy</a></li>
        <li><a href="http://www.targetscope.com/" target="_self">TargetScope</a></li>
    </ul>
      </div>
      <div class="col3">
 
         <ul>
        <h3>Tecnical</h3>
       <li><a href="http://www.w3schools.com/" target="_blank">W3 Schools</a></li>
        <li><a href="http://www.developphp.com/" target="_blank">DevelopPHP.com</a></li>
        <li><a href="http://jquery.com/" target="_blank">JQuery</a></li>
        <li><a href="http://www.actionscript.org/" target="_blank">Actionscript.org</a></li>
    </ul>
      </div>
      <div class="col4">
 
         <ul>
        <h3>Blogs</h3>
       <li><a href="http://tympanus.net/codrops/" target="_blank">Codrops</a></li>
        <li><a href="http://www.blurbherd.com/" target="_blank">Blurb Herd</a></li>
        <li><a href="http://www.webmonkey.com/" target="_blank">Web Monkey</a></li>
        <li><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a></li>
    </ul>
      </div>
 
    </div>
    <div class="content-cell">
      <div id="copyright">
  <p>
    Lost Dog Grafix &copy; 2011. All Artwork is the sole property of Scott McIntire and copyright protected, any reproduction without written constent is strictly prohibited
  </p>
      </div>
          </div><!--CONTENT-CELL-->
 
          <div class="content-cell"> 
          <span class="powered-by"><a href="http://www.concrete5.org" title="<?php echo t('concrete5 - open source content management system for PHP and MySQL')?>"><?php echo t('concrete5 - open source CMS')?></a>  <a href="http://www.simplescripts.com/script_details/install:concrete5" title="install concrete5">Install concrete5</a> <a href="#" onclick="window.open('https://www.sitelock.com/appverify/53616c7465645f5febf6151c871e693a708590ae075b3e1d','slverify','width=600,height=600,left=160,top=170')" alt="website security" title="SiteLock" ><img src="//appshield.sitelock.com/appshield/53616c7465645f5febf6151c871e693a708590ae075b3e1d" /></a></span>
            &copy; <?php echo date('Y')?> <a href="<?php echo DIR_REL?>/"><?php echo SITE?></a>.
            &nbsp;&nbsp;
            <?php echo t('All rights reserved.')?>
            <?php 
                  $u = new User();
                  if ($u->isRegistered()) { ?>
            <?php  
                      if (Config::get("ENABLE_USER_PROFILES")) {
                          $userName = '<a href="' . $this->url('/profile') . '">' . $u->getUserName() . '</a>';
                      } else {
                          $userName = $u->getUserName();
                      }
                      ?>
            <span class="sign-in"><?php echo t('Currently logged in as <b>%s</b>.', $userName)?> <a href="<?php echo $this->url('/login', 'logout')?>"><?php echo t('Sign Out')?></a></span>
            <?php  } else { ?>
            <span class="sign-in"><a href="<?php echo $this->url('/login')?>"><?php echo t('Sign In to Edit this Site')?></a></span>
            <?php  } ?>
          </div><!--CONTENT-CELL-->
      </div><!--END FOOTER-->
 
 
<?php require(DIR_FILES_ELEMENTS_CORE . '/footer_required.php'); ?>
 
</body>
</html>

Mnkras replied on Aug 31, 2011 at 9:40 pm Permalink Reply

Im guessing a z-index or javascript issue, also use

Loader::element('footer_required');

scottM1164 replied on Aug 31, 2011 at 10:04 pm Permalink Reply

Hmmm, I commented out the JQuery links and that seemed to fix it. I'll have to do some research on using javascript in C5. thanks for your suggestion Mnkras, that helped alot

12345j replied on Aug 31, 2011 at 10:06 pm Permalink Reply

yeah, jquery is included by default in c5 so you shouldn't have it in a theme

scottM1164 replied on Aug 31, 2011 at 10:26 pm Permalink Reply

That's good to know. I'll have to figure out a work around for the jQuery I have in my website to work in my theme. I still need them for my portfolio images or something similar.

Forums

Themes

Edit Page button does not work - this is my first Theme

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?