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

Avatar
Kevnolan

Community Member, 7 Posts

22 February 2011 at 4:26am

Edited: 22/02/2011 4:27am

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

Forum Moderator, 1808 Posts

22 February 2011 at 4:51am

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

Community Member, 7 Posts

22 February 2011 at 5:10am

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

Avatar
Kevnolan

Community Member, 7 Posts

22 February 2011 at 5:58am

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

Forum Moderator, 1808 Posts

22 February 2011 at 11:04am

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

Community Member, 7 Posts

22 February 2011 at 9:10pm

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

Community Member, 141 Posts

22 February 2011 at 10:07pm

^^ 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

Forum Moderator, 1808 Posts

22 February 2011 at 10:25pm

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