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.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

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

can the main navigation menu be moved to a left vertical column


Reply

8 Posts   1310 Views

Avatar
Kevnolan

22 February 2011 at 4:26am (Last edited: 22 February 2011 4:27am), Community Member, 7 Posts

site: http://www.bilc.org.uk

My friend works in a small school for people with special education needs. I set up a static website for him a couple of years ago (above). He now wants to manage the content himself.

So I want to set up a CMS for the site. Problem is i'm an amature at this but persistent and what to know if its possible to find a solution to my problem.

I want the main navigation to be on the left hand side of the page displayed vertically. Problem is, can it be done? if so how?

I tried giving it a go in wordpress but encountered the same problem: http://www.bilc.org.uk/knf

Avatar
swaiba

22 February 2011 at 4:51am Forum Moderator, 1796 Posts

Hi Kevnolan,

Assuming you have a basic installation - edit the following to change the menu location and appearance...

themes\blackcandy\templates\Page.ss <-- note it's in a div, so there is probably css to edit too...
themes\blackcandy\templates\Includes\Navigation.ss

Barry

Avatar
Kevnolan

22 February 2011 at 5:10am Community Member, 7 Posts

Thanks for the reply, I'll give it a go.

Avatar
Kevnolan

22 February 2011 at 5:58am Community Member, 7 Posts

Ok, So i've made the following changes:

#Navigation {
   width: 100px;
   float:left
   margin: 0 auto;
   padding-top: 100px;
   overflow: hidden;
   background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;
}

1) reduced width from 768 to 100px
2) added a 'float:left'

I suppose thats a step closer can anyone give me any other pointers?

Attached Files
Avatar
swaiba

22 February 2011 at 11:04am Forum Moderator, 1796 Posts

check out...

\themes\blackcandy\templates\Includes\SideBar.ss

that does <% control Menu(2) %> if you used this code qith <% control Menu(1) %> and always included this template
(i.e. removed <% if Menu(2) %> from \themes\blackcandy\templates\Layout\Page.ss ) that might do it

Avatar
Kevnolan

22 February 2011 at 9:10pm Community Member, 7 Posts

If you mean edit sidebar.ss and change: <% control Menu(2) %>

to <% control Menu(1) %>

that doesn't change anything.

Thanks for trying though.

Avatar
Invader_Zim

22 February 2011 at 10:07pm Community Member, 141 Posts

^^ in addition,
you should change every <% if Menu(2) %> in \themes\blackcandy\templates\Layout\Page.ss
to <% if Menu(1) %>

And don't forget to flush your cache after template changes.

Cheers,
Christian

Avatar
swaiba

22 February 2011 at 10:25pm Forum Moderator, 1796 Posts

that doesn't change anything.

did you also remove <% if Menu(2) %> from \themes\blackcandy\templates\Layout\Page.ss ?

Otherwise that "SideBar" will only be shown when your pages have children (i.e. If Menu Level 2 exists, then show side bar)...