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):
  1. Add the following code to your Custom Code Box, via (My Network/Tools/Custom Code).
  2. 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!

Views: 494

Replies to This Discussion

smiles...hugs
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
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
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
Did not work. Should it be double or single quotes around the address?
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
Here is the script i used:
Attachments:
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
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.
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');}
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
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

RSS

Members

© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips