Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Vertical navigation, like in the Treehouse dashboard

Hi,

Im currently designing a rails project and want to create a dashboard nav going up the left side of the page and wonder if anybody has ideas or gems etc that can be used.

Or just general CSS guides that you have come across?

Cheers!

5 Answers

there are multiple ways to accomplish this, but not all of them are the right one. can you explain more about this nav.

I realise this, im only looking for an opinion or suggestion. Maybe even your favourite method or style?

Im only interested in the navigation on the left side, maybe even an adaptation from bootstrap or SASS i really don't mind.

It should be pretty straight forward to do with CSS and maybe a bit of JQuery.

If you are looking for a starting point:

https://github.com/jeffmould/bootstrap-vertical-menu/blob/master/styles.css

well maybe like this. flexbox for the layout. pseudo code like hover,before and after for the icons. overflow:hidden to hide the text during small view. only use javascript for the click option to change the size of the nav. transitions to get the bounce effects.

the drawback is lack of browser support in older browsers. you can set a fall back that does the same thing substituting for a css framework like bootstrap to make your life easier.

Thanks, il probably use that github example, its not going to be anything complicated just something simple for a rails app creating a league system for our pool table & table tennis table at work!