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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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   2319 Views

Avatar
squap

Community Member, 9 Posts

26 March 2009 at 12:50am

Hi,

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 Page.ss 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 Page.ss , why is that ?

Avatar
squap

Community Member, 9 Posts

6 April 2009 at 7:22pm

Ok I replaced the rightbar code with :

<h1>Last Blog Post</h1>
<% control LatestNews %>
<h3>$MenuTitle</h3>
<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 {
	float:left;
	background: url(../images/tablef.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.typography #header a span {
	float:left;
	display:block;
	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 ?