Developing (v7+)

add blog entry opens a blank page

Permalink 1 user found helpful November 30, 2016 at 1:31 PM

UPDATE: the custom page that I created to show the blog posts hadn't been acknowledged by C5, so I uninstalled my theme and reinstalled it.

Hi! I'm struggling converting my bootstrap site into C5, and I've received lots of help around here, so here goes another one:

I set up the blog section of my site following these instructions:
http://documentation.concrete5.org/tutorials/setup-a-simple-blog-wi...

now, I try to add a post, but I'm taken to a blank page. There's no composer or anything.
Funny thing is, every time I try, I get a new Draft at the bottom of my sidebar.

Is there something that I have to do in order to see the composer?

this is what is in my blog_entry.php, which I guess isn't quite right.

<?php $this->inc('elements/header.php'); ?>
  <div class="row row-title">
    <!--section titles-->
    <div class="col-xs-12 text-center section-title">
      <h1 class="section-title">Resources</h1>
        <img src="<?=$view->getThemePath()?>/img/resources.png" alt"Resources">
    </div>
  </div>
  <p class="section-intro">News and Links</p>
  <div class="container">
      <?php
      $a = new Area('blog_entry'); 
      $a->display($c);
      ?>
  </div>

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

 
<?php $this->inc('elements/header.php'); ?>
  <div class="row row-title">
    <!--section titles-->
    <div class="col-xs-12 text-center section-title">
      <h1 class="section-title">Resources</h1>
        <img src="<?=$view->getThemePath()?>/img/resources.png" alt"Resources">
    </div>
  </div>
  <p class="section-intro">News and Links</p>
  <div class="container">
      <?php
      $a = new Area('blog_entry'); 
      $a->display($c);
      ?>
 
  </div>            
</main>
<?php $this->inc('elements/footer.php'); ?>

hutman replied on Nov 30, 2016 at 1:35 pm Permalink Reply

Can you check the PHP Error log on your server and see if there is a PHP error happening somewhere? That's usually what a blank screen gives you.

Otherwise from your HTML it looks like you have a </main> but no <main> (unless it's in your header which we can't see) but that would break the editing too.

Solkawage replied on Nov 30, 2016 at 1:48 pm Permalink Reply

thanks human: I fixed that <main> tag. But it's still not working...

I have no way of seeing the error log on the server.. at least, I don't think so...
(I'm way out of my depth here, alas).

I wonder if it has to do with the way I set up the blog_entry.php file? I did not use sidebar.php because that is not part of my design... so I kind of made it up (code above)...

hutman replied on Nov 30, 2016 at 1:52 pm Permalink Reply

As long as there is valid HTML in the blog_entry.php there shouldn't be any problem with the way it is setup. Can you provide what you have in the header and footer files too? Maybe there is something in those that is missing or extra.

Solkawage replied on Nov 30, 2016 at 3:45 pm Permalink Reply

Thanks hutman!

here is my header:

<!DOCTYPE html>
<html class="no-js" lang="">
    <head>
        <?php
            $u = new User();
            if ($u->isLoggedIn() && $u->isSuperUser()) { ?>
            <style>
            .navbar-fixed-top {
            top: 48px !important;
            }
            .section-title {
            margin-top: 25px !important;
            }
            </style>
        <?php } ?>

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

 
<!DOCTYPE html>
<html class="no-js" lang="">
    <head>
        <?php
            $u = new User();
            if ($u->isLoggedIn() && $u->isSuperUser()) { ?>
            <style>
            .navbar-fixed-top {
            top: 48px !important;
            }
            .section-title {
            margin-top: 25px !important;
            }
            </style>
        <?php } ?>
        <?php Loader::element('header_required'); ?>
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->    
        <link rel="stylesheet" href="<?=$view->getThemePath()?>/css/main.css">
        <link rel="stylesheet" href="<?=$view->getThemePath()?>/css/styles.css">
        <script src="<?=$view->getThemePath()?>/js/vendor/modernizr-2.8.3.min.js"></script>
        <script src="https://use.typekit.net/ovi2rqo.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
    </head>
    <body>
     <div class="<?=$c->getPageWrapperClass()?>">
        <div class="container-fluid">    
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <header role="banner">
 
      <div class="container-fluid">
        <nav class="navbar navbar-collapse navbar-fixed-top">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> 
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>        
 
                </div>
 
                <div class="collapse navbar-collapse" id="menu">    
                     <?php
                      $a = new Area('Header Nav');
                      $a->setBlockLimit(1);
                      $a->display($c);
                      ?>  
                </div><!--/.nav-collapse -->
 
        </nav>
      </div>
 
    </header>

And my footer

<footer>
  <div class="container footsie">
    <div class="row center-block">
      <div class="col-xs-12 col-md-4 padded">
        <img src="<?=$view->getThemePath()?>/img/logo_footer.png" alt="Consumation" class="img-responsive">
        <p class="footer-links">
          <a href="/index.php">Home</a>
          ·
          <a href="/index.php/portfolio">Our Work</a>
          ·
          <a href="/index.php/team">Our Team</a>
          ·
          <a href="/index.php/blog">Resources</a>
          ·
          <a href="/index.php/contact">Contact</a>

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

 
 
<footer>
  <div class="container footsie">
    <div class="row center-block">
      <div class="col-xs-12 col-md-4 padded">
        <img src="<?=$view->getThemePath()?>/img/logo_footer.png" alt="Consumation" class="img-responsive">
        <p class="footer-links">
          <a href="/index.php">Home</a>
          ·
          <a href="/index.php/portfolio">Our Work</a>
          ·
          <a href="/index.php/team">Our Team</a>
          ·
          <a href="/index.php/blog">Resources</a>
          ·
          <a href="/index.php/contact">Contact</a>
        </p>
      </div>
      <div class="col-xs-12 col-md-4 padded">
        <hr/>
        <div>
          <i class="fa fa-phone"></i>
          <p><span>Call David Dickinson direct on</span> +44 (0)20 8673 4403</p>
        </div>
        <div>
          <i class="fa fa-envelope"></i>
         <p><a href="mailto:experts@consumation.com">experts@consumation.com</a></p>
        </div>
        <div>
          <i class="fa fa-map-marker"></i>
          <p><span>53 Hosack Road</span> London SW17 7QW, UK</p>
        </div>
      </div>
      <div class="col-xs-12 col-md-4 padded">
        <hr/>
        <p>Consumation Ltd © 2017 <br />
        Reg'd in England and Wales, Reg No 6089803</p>
      </div>
    </div>
  </div>
</footer>   
      </div><!--container fluid-->
 
        <?php
          $u = new User();
          if (!$u->isLoggedIn()) {
            print("<script src=\"https://code.jquery.com/jquery-1.12.0.min.js\"></script>");
            print("<script>window.jQuery || document.write('<script src=" . $view->getThemePath() . "/js/vendor/jquery-1.12.0.min.js></script>')");
          }
        ?>
        <script src="<?=$view->getThemePath()?>/js/plugins.js"></script>
        <script src="<?=$view->getThemePath()?>/js/main.js"></script>
      </div><!--getWrapperClass-->  
      <?php Loader::element('footer_required'); ?>
    </body>
</html>

(That last chunk of php in the footer is a solution to a problem where either: the hamburger menu wasn't expanding on chrome or the editable areas were grey instead of green. So this way the hamburger won't work only when one is logged in)

hutman replied on Nov 30, 2016 at 3:55 pm Permalink Reply

I don't see anything in your HTML that would be causing this issue. I do see that you are including a copy of jquery in the footer if the user isn't logged in, which you don't need to do as I believe jquery is always included with Concrete5.

If you go to edit one of your drafts, is the page blank then too?

Solkawage replied on Nov 30, 2016 at 3:59 pm Permalink Reply

somehow, without that bit, the hamburger wasn't working on Chrome.

re. the drafts: they open blank pages, as well as the example blog posts that come with C5 when I open them from the sitemap...

hutman replied on Nov 30, 2016 at 4:03 pm Permalink Reply

Definitely sounds like a PHP error then, not an HTML error. If you view source on the blank page is there anything there?

Solkawage replied on Nov 30, 2016 at 4:09 pm Permalink Reply 1 Attachment

totally white

hutman replied on Nov 30, 2016 at 4:13 pm Permalink Reply

What do you get on that page if you comment out the header/footer includes? I know the page won't "work" but I want to see if something will display.

Solkawage replied on Nov 30, 2016 at 4:21 pm Permalink Reply

I did as you said:

<!--<?php $this->inc('elements/header.php'); ?>-->
  <div class="row row-title">
    <!--section titles-->
    <div class="col-xs-12 text-center section-title">
      <h1 class="section-title">Resources</h1>
        <img src="<?=$view->getThemePath()?>/img/resources.png" alt"Resources">
    </div>
  </div>
  <p class="section-intro">News and Links</p>
  <div class="container">
      <?php
      $a = new Area('blog_entry'); 
      $a->display($c);
      ?>
  </div>

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

 
<!--<?php $this->inc('elements/header.php'); ?>-->
  <div class="row row-title">
    <!--section titles-->
    <div class="col-xs-12 text-center section-title">
      <h1 class="section-title">Resources</h1>
        <img src="<?=$view->getThemePath()?>/img/resources.png" alt"Resources">
    </div>
  </div>
  <p class="section-intro">News and Links</p>
  <div class="container">
      <?php
      $a = new Area('blog_entry'); 
      $a->display($c);
      ?>
 
  </div>         
</main>
<!--<?php $this->inc('elements/footer.php'); ?>-->

and the source is still totally blank

Now I'm going to check if I made typos when I was following the tutorial I linked on the original post.

Forums

Developing (v7+)

add blog entry opens a blank page

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?