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.

Themes /

Discuss SilverStripe Themes.

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

Problems with BrightSide and SilverStripe 2.3.1

Go to End

2 Posts   1777 Views


Community Member, 9 Posts

26 March 2009 at 12:50am


I am new to SilverStripe and web development in general. I read all the tutorials and wanted to start out with the BrightSide theme.

First problem was that with a fresh installation BrightSide requires the blog module. I could either comment out the lines in with "blog" in it or install the blog module. I decided for the latter bringing me to the problem I could not figure out :

On the Home page the theme is supposed to show the lates Blog posts in the right sidebar. Apparently "<% if ChildrenOf(Blog) %>" fails in , why is that ?


Community Member, 9 Posts

6 April 2009 at 7:22pm

Ok I replaced the rightbar code with :

<h1>Last Blog Post</h1>
<% control LatestNews %>
<p>$Content.LimitWordCount(30) <br ><a href="$Link">Read the full post</a></p>
<% end_control %>

(similar to the tutorial code) and now it works.

I have another question you might be able to help.

How can I highlight the current tab of the selected page. The theme comes with highlighting on hover. I know that SilverStripe comes with the LinkingMode class, which returns the status. My problem is with the css in Brightside, which I don't understand. As far as I understand this is the relevant code in typography.css :

/* menu tabs */
.typography #header a {
	background: url(../images/tablef.gif) no-repeat left top;
	padding:0 0 0 4px;
.typography #header a span {
	background: url(../images/tabright.gif) no-repeat right top;
	padding:6px 15px 3px 8px;
	color: #FFF;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.typography #header a span { float:none; }
/* End IE5-Mac hack */
.typography #header a:hover span { color:#FFF; }
.typography #header a:hover { background-position:0% -42px; }
.typography #header a:hover span { background-position:100% -42px; }
.typography #header #current a {
	background-position:0% -42px;
	color: #FFF;
.typography #header #current a span {
	background-position:100% -42px;
	color: #FFF;

How can I make it hightlight the current visited page ?