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.

General Questions /

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

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

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


Go to End


8 Posts   2114 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, 1899 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, 1899 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, 1899 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)...