JenSocial: Social Web Directory and Ning Tips

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

How To Remove Right Column for a Group - UPDATE after New Ning

Related Tip:
How To Remove Right Column For Pages

Since things have changed and the Ning ID and Ads have been removed from the right column; I would like to share a nice tip with everyone. With the new Ning, any site that has access to the Custom Code Box (previously Analytics Box) can use this tip: Ning Plus and Ning Pro

How to remove the right column from a specific Group (Main Page of Group):

Add the following code to your Custom Code Box, via (My Network/Tools/Custom Code).
Be sure to change the Group name. Use the exact name at the end of your group URL. For example, the Group URL for the Ning Tips on JenSocial is: "http://jensocial.com/group/ningnetworktips". If I wanted to remove the right column from this Group, I would replace the 'your_group_name' with 'ningnetworktips'

UPDATE July 21, 2010: If you are using this code and it stopped working, please copy/replace using the updated code, below.

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'your_group_name') {
x$('.xg_column.xg_span-4.xg_last').css('display','none');
x$('.xg_3col').css('width','955px');
x$('.xg_span-16').css('width','945px');
x$('.xg_headline').css('display','none');
x$('.xg_span-12').css('width','940px');}
</script>

The code below will also remove the Group Header (where the Group icon takes up too much space, and the Group Text Box Header. Most Network Creators will probably not want these 2 elements removed. If you do not, please use code above.

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'your_group_name') {
x$('.xg_column.xg_span-4.xg_last').css('display','none');
x$('.xg_3col').css('width','955px');
x$('.xg_span-16').css('width','945px');
x$('.xg_headline').css('display','none');
x$('.xg_span-12').css('width','940px');
x$('div.pad5').css('display','none');
x$('div.xg_module_head').css('display','none');}
</script>

Enjoy!

0 members favorited this

Replies to This Discussion

Permalink Reply by Mind's Eye on June 30, 2010 at 12:23am

smiles...hugs

Permalink Reply by JenSocial on June 30, 2010 at 12:29am

Hi Ralphy,
Had I not added this before? The Ning Search makes me insane. And even my Google search doesn't do as well as it should, but only on Ning sites.
Best,
Jen

Permalink Reply by Papillon Casse on June 30, 2010 at 12:08pm

I don't think this is one you have added before Jen.. but we knew of it... giggle... You know you rock right!... I love this site and all that it encompasses! I would love to see this place get the recognition it deserves... ((SMILE))

Listen Jen if you don't know this... and no one tells you on a frequent basis... Thanks for you open nature in code... so many try to hide it to have the advantage... So much more can be accomplished when developers combine efforts!

;)

~Shay the other half of Minds-Eye... snicker

Permalink Reply by JenSocial on June 30, 2010 at 12:59pm

Oh cool, nice to meet you Shay! Minds-Eye is wonderful. He told me about you. ;-)
Thank you for your kind words, means a lot.
Best,
Jen

Permalink Reply by Bill Vasko on June 30, 2010 at 11:26am

Did not work. Should it be double or single quotes around the address?

Permalink Reply by JenSocial on June 30, 2010 at 11:28am

Bill,
When adding script to these boxes, you have to substitute < and > with special escape codes. Add script to a text file, and upload the text file.
Best,
Jen

Permalink Reply by Bill Vasko on July 1, 2010 at 4:47pm

Here is the script i used:

Attachments:

script type.docx, 10 KB

Permalink Reply by JenSocial on July 1, 2010 at 5:14pm

Hey Bill,
If this doesn't fix it, I'll compare each line of code. But, I believe all you need to do:
Change the full path for your Group URL, to only: nohuddlespreado

If you notice in the tutorial, I use ningnetworktips to replace the group name.

Let me know,
:-)
Jen

Permalink Reply by Bill Vasko on July 1, 2010 at 6:06pm

yes that worked--thanks! two things i noticed tho--1, if u click into the group from latest activity, it adds an extension to the url, meaning you have to add 2 pieces of code to cover all your bases. 2, the text box "edit" buttons and the the stuff that was originally in the middle coulumn that i had moved to the bottom are all gone.

Never an easy fix with ning......thanks for your help.

Permalink Reply by JenSocial on July 1, 2010 at 6:28pm

That was a mistake on my part, so sorry. I should not have included the last 2 lines of code for most uses.

Here's what I updated in the original discussion:
/* The next two lines will remove the Group Header (where the Group takes up space, and the Group Text Box Header. Most Network Creators will not want these 2 lines of code. If you do not use them, make sure you end the lines above with the ending } and </script> */

x$('div.pad5').css('display','none');
x$('div.xg_module_head').css('display','none');}

Permalink Reply by Mind's Eye on August 21, 2010 at 4:26pm

Hi Jen, I'm not sure what is meant by
UPDATE July 21, 2010 (If you are using this code, copy/replace your 3rd line of code where you see x$('.xg_column.xg_span-4.xg_last').css('display','none');
Just that statement...my brain is a little overwhelm these days...lol thanks

Permalink Reply by JenSocial on August 21, 2010 at 5:17pm

That's because it didn't make a lot of sense! LOL! Sorry about that Ralphy. I reworded it to:
UPDATE July 21, 2010: If you are using this code and it stopped working, please copy/replace using the updated code, below.

Thanks for bringing this to my attention. DOH! Bottom line: the code listed above should work, just as it is.

Best,
Jen