JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Scroll Bar for Discussion Forums on Home Page / Profile Pages

I'm adding this tip, on request. If it's already in the tips, I couldn't find it.

It will add a vertical scroll bar to your Forum Discussions Postings on the home page. If you only have 4 postings selected, the bar may not show up, with 500 height. You can adjust the height to suit your preference.

Add this CSS to Manage/Appearance/Advanced CSS, at bottom.

If you remove the .xg_widget_main, this should work on member pages too. I prefer not messing with member pages.

/* Scroll Bar for Forums */
.xg_widget_main .module_forum .xg_module_body {height: 500px;overflow : auto;position:relative;}

1 member favorited this

Replies to This Discussion

Permalink Reply by JenSocial on January 24, 2010 at 2:26pm

You either need to select more discussions to display, from your edit box - - or, make the height less, for the scroll bar to show.

Yes in this case, your assumption is correct.
.xg_widget_main .module_blog {background: none; height:500px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid #A0B07F;}
Just remove the .xg_widget_main if you want to apply effect to profile pages, too.

Permalink Reply by Christian Women Affiliate on January 24, 2010 at 9:50pm

Thanks Jen! Love it!

Permalink Reply by JenSocial on January 25, 2010 at 2:28pm

@ Christian Women Affiliate,
:-) Happy to hear you love it!

Permalink Reply by Escena Mexico on September 26, 2010 at 4:32pm

Jen:
First of all , Thank you really THANKS for all TIPS in this mega site! My RESPECT forever...

Well i try this tip, but in my site dont work.. madamme
i aprecciate your help in to fix the code ...

.xg_widget_main .module_forum {background: none; height:500px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid #A0B07F;}

I put the scroll bar code in videos and latest activity and is OK..

But.. in forum dont work..

Thank you very much madamme.
Respect.

Permalink Reply by JenSocial on September 26, 2010 at 4:47pm

The height you are using: 500px is too tall. Change it to around 300px, like this:
.xg_widget_main .module_forum {background: none; height:300px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid #A0B07F;}

Nice to see so many tips in good use. ;-)

Best,
Jen

Permalink Reply by Escena Mexico on September 26, 2010 at 5:10pm

Jen, words are important.. but i dont have words to say THANK YOU VERY MUCH maddame.. Your tips works excellent !!!

Jen my Respect!

Permalink Reply by JenSocial on September 27, 2010 at 6:39pm

Great!! Thanks, I love roses. ;-)

Permalink Reply by Escena Mexico on September 27, 2010 at 8:26pm

Hello, i have a request or question..

This code is for Scroll Bar for Discussions Forums:
.xg_widget_main .module_forum {background: none; height:300px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid #A0B07F;}

But its possible a code for Scroll Bar for "Text Box" ??

I need this scroll bar, but i don't now is possible ?

THANKS, for your help
GOD bless you

Permalink Reply by JenSocial on September 27, 2010 at 9:16pm

Give this tip a try:
http://jensocial.com/group/ningnetworktips/forum/topics/scroll-bars...

Hope that helps,
Jen

Permalink Reply by Escena Mexico on September 28, 2010 at 2:50am

If it worked, You're the best Jen!

Respect!