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 trialSamuel Johnson
9,152 PointsVertical 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
9,164 Pointsthere are multiple ways to accomplish this, but not all of them are the right one. can you explain more about this nav.
Samuel Johnson
9,152 PointsI 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
39,199 PointsIt 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
9,164 Pointswell 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
9,152 PointsThanks, 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!