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

Samuel Johnson
Samuel Johnson
9,152 Points

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

Michael Mangan
Michael Mangan
9,164 Points

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

Samuel Johnson
Samuel Johnson
9,152 Points

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.

James Barnett
James Barnett
39,199 Points

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

Michael Mangan
Michael Mangan
9,164 Points

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.

Samuel Johnson
Samuel Johnson
9,152 Points

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!