Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Customising the CMS /

header tabs


Reply


1380 Views

Avatar
DB_steve

Community Member, 7 Posts

14 January 2009 at 7:47pm

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">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"></HEAD>
<BODY></BODY></HTML>

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" >
<head>
<base href="http://eplandesk.com/silverstripe/" >
<title>Home</title>
<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">
//<![CDATA[
            Behaviour.register({
               '#switchView a' : {
                  onclick : function() {
                     var w = window.open(this.href,windowName(this.target));
                     w.focus();
                     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');

//]]>
</script>
<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" >
</head>
<body>
    <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>

       </ul>
<div id="Header">
<h1>Home</h1>
</div>
       
   
<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>
</div>
   
<div id="Footer">
<span>"Test"</span>
</div>
</div>
   
   
            <div id="SilverStripeNavigator">
               <div class="holder">
               <div id="logInStatus">
                  Logged in as admin - <a href="Security/logout">log out</a>
               </div>

               <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>
               </div>
            </div>
               <div id="SilverStripeNavigatorMessage" title="Note: this message won't be shown to your visitors">DRAFT SITE</div>
</body>
</html>

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.
db_steve.