Jump to:

5552 Posts in 1742 Topics by 1226 members

Customising the CMS

SilverStripe Forums » Customising the CMS » header tabs

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 1271 Views
  • DB_steve
    Community Member
    7 Posts

    header tabs Link to this post

    I have completed tutorial 2 and have found this problem that continues to evade me.

    On the top of the screen the tabs are for Home News About Us and Contact Us

    When I click in any of the tabs, we go directly to that associated page.
    However when I click on the Home tab, I go to a white screen.

    Viewing the source from the white screen from IE7 I see:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <META http-equiv=Content-Type content="text/html; charset=windows-1252"></HEAD>

    Then if I refresh IE7 the home screen appears and the source looks like this

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en" >
    <base href="http://eplandesk.com/silverstripe/" >
    <meta name="generator" http-equiv="generator" content="SilverStripe 2.0 - http://www.silverstripe.com" >
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" >
    <meta http-equiv="Content-Language" content="en">

    <link rel="stylesheet" type="text/css" href="tutorial/css/layout.css" >
    <link rel="stylesheet" type="text/css" href="tutorial/css/typography.css" >
    <link rel="stylesheet" type="text/css" href="tutorial/css/form.css" >
    <script type="text/javascript" src="jsparty/behaviour.js"></script>
    <script type="text/javascript">
                   '#switchView a' : {
                      onclick : function() {
                         var w = window.open(this.href,windowName(this.target));
                         return false;

                function windowName(suffix) {
                   var base = document.getElementsByTagName('base')[0].href.replace('http://','').replace(/\//g,'_').replace(/\./g,'_');
                   return base + suffix;
                window.name = windowName('site');

    <link rel="stylesheet" type="text/css" href="tutorial/css/layout.css" >
    <link rel="stylesheet" type="text/css" href="tutorial/css/typography.css" >
    <link rel="stylesheet" type="text/css" href="tutorial/css/form.css" >
    <link rel="stylesheet" type="text/css" href="sapphire/css/SilverStripeNavigator.css" >
        <div id="Main">
        <ul id="Menu1">

    <li class="current"><a href="/silverstripe/home/" title="Go to the &quot;Home&quot; page">Home</a></li>

    <li class="link"><a href="/silverstripe/news/" title="Go to the &quot;News&quot; page">News</a></li>

    <li class="link"><a href="/silverstripe/about-us/" title="Go to the &quot;About Us&quot; page">About Us</a></li>

    <li class="link"><a href="/silverstripe/contact-us/" title="Go to the &quot;Contact Us&quot; page">Contact Us</a></li>

    <li class="link"><a href="/silverstripe/projects/" title="Go to the &quot;Projects&quot; page">Projects</a></li>

    <div id="Header">
    <div id="ContentContainer">
    <div id="Content" class="typography">
    <h1 align="left"><img class="left" src="assets/Uploads/_resampled/ResizedImage693689-SRImain2.png" hspace="null" vspace="null" width="693" height="689" align="null" alt="" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </h1><h1>&nbsp;&nbsp;</h1><p align="right">&nbsp;</p><p align="right">&nbsp;</p>
    <div id="Footer">
                <div id="SilverStripeNavigator">
                   <div class="holder">
                   <div id="logInStatus">
                      Logged in as admin - <a href="Security/logout">log out</a>

                   <div id="switchView" class="bottomTabs">
                      <div class="blank"> View page in: </div>
                      <a href="admin/show/1" target="cms">CMS</a>
                      <a class="current">Draft Site</a>
                      <div class="blank" style="width:1em;"> </div>
                      <a href="/silverstripe/home/?stage=Live" target="site" style="left : -3px;">Published Site</a>
                   <div id="SilverStripeNavigatorMessage" title="Note: this message won't be shown to your visitors">DRAFT SITE</div>

    I have been through this about 20 times comparing my code to the tutorial code and it all appears the same and I can not seem to
    find where the issue is. Obviously this is not right as I should be able to click a tab and see the page.
    Even when I start the fisrt page up and click on the Home tab, it goes to a white screen until I refresh IE7.

    Anyone have any ideas where I should look?

    Thanks for you help, just trying to learn my way through this.

Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.