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 October 3, 2010 at 5:11pm

Hi Dali,
Happy it helps! I just read your question about scrolling the forum page. I've only added a scroll bar to the forum module, as in this tip.
Best to you,
Jen

Permalink Reply by Fire-Tech on July 19, 2011 at 11:36pm

Hey Jen,

Is there any way to keep the module header from scrolling along with the titles? I would like for it to match the activity feed CSS you wrote.

Thanks in advance,

Tom

Permalink Reply by JenSocial on July 20, 2011 at 12:35am

Hi Tom,

My gut instinct would have been to say "yes". But, I can't get it to work. I've probably been down this path before and just don't remember the whys.

Best,

Jen

Permalink Reply by JenSocial on July 20, 2011 at 12:39am

ahhh, I see the problem. The overflow has to be forced. So, take whatever you want from the original code, and make sure you use this as your base:

.xg_theme.xg_widget_main .module_forum .xg_module_body {height: 500px;overflow : auto!important;position:relative;}

Best,

Jen

Permalink Reply by Fire-Tech on July 23, 2011 at 5:57pm

I couldn't get it to work even with it being the only thing in my CSS. I think there was a conflict with my theme.

However, once I wiped out the ".xg_theme" I found that it keeps the module header AND the "Add a Discussion & View All" on the bottom from scrolling. BONUS! Looks & works great for the forums & blogs.

Thanks,

Tom