JenSocial: Social Web Directory and Ning Tips

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

Scroll Bar for Latest Activity on Home Page / Profile Pages

Scrollable Latest Activity / Scroll Through Latest Activity On Home Page / Profile Pages

I'm not too much into the scrolling comments walls, and such. But this particular little tweak, I like a lot. It will add a vertical scroll bar to your Latest Activity module 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.

/* Scroll Bar for Latest Activity */
.xg_widget_main .xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

To scroll your Latest Activity on Member Profiles too, just remove the main page class, like this:
.xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

0 members favorited this

Replies to This Discussion

Permalink Reply by Scribblerati on March 3, 2010 at 8:27pm

YES!!! Jen, you're a genius. It looks great! Not working on my profile page, but at least it declutters the main page!

Permalink Reply by JenSocial on March 3, 2010 at 8:39pm

For some reason there was no reply box for your last post.

That's great news!

To scroll your Latest Activity on Member Profiles too, just remove the main page class, like this:
.xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

Permalink Reply by Scribblerati on March 3, 2010 at 8:41pm

Oh, yes, terrific! You've made my evening totally worthwhile. :)

Permalink Reply by JenSocial on March 3, 2010 at 10:07pm

That's great to hear, Scribblerati!

Permalink Reply by naplesvelo.ning.com on March 5, 2010 at 9:27am

Could I do this for the notes section on my home page as well?

Permalink Reply by JenSocial on March 5, 2010 at 12:59pm

I would imagine you could. When I have time, I'll test it out, and let you know.
Best,
Jen

Permalink Reply by JenSocial on March 5, 2010 at 1:11pm

I think this will work. I decided I'd better do it now, might forget.

.xg_widget_main .module_notes .xg_module_body {height: 500px;overflow : auto;position:relative;}

Permalink Reply by naplesvelo.ning.com on March 6, 2010 at 7:35am

Awesome. Since finding the Ning group my cycling club is really stoked about al the interactivity provided. It really has breathed life in to the site. Thanks again.

Permalink Reply by ISN (Yshatar) on March 7, 2010 at 2:22pm

This worked out beautifully for my network! :D

Permalink Reply by JenSocial on March 7, 2010 at 3:22pm

naplesvelo.ning.com and The Starseed Community!
That's great to hear!
;-)

Permalink Reply by JenSocial on October 3, 2010 at 5:15pm

I believe you found it. But for anyone else reading this, the tip is here:
http://jensocial.com/group/ningnetworktips/forum/topics/scroll-bar-...

Best,
Jen

Permalink Reply by GapArt on January 11, 2011 at 6:11pm

Hello Jen,

I have used the scroll code as follows:

xg_widget_main .xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

I have the Latest Activity module on the right panel of our site so that it will appear on every page. However, once I leave the main page the Scrollbar is no longer active (that is, it is not visible on any other page expect the main page).

Is there a remedy for this (without our members own pages being effected - i.e. I do not want their latest activity to have a scrollbar on their own page)?

Thank you for your time and help,

Kind regards,
Alex