Here are a couple of JS hacks that I just put together for my network. I have very little experience with javascript, but the ever-helpful TJ from http://jqueryhelp.ning.com/ got me started with a bunch of JS snippets to alter the appearance of my network, and I used firebug to play around after that. So, if these are in any way helpful to you...here you go! :-)
1. On the blog list page, hide the images and/or first few lines of each post so just the title displays (see example here: http://vfxg.org/profiles/blog/list)
<script type="text/javascript">
// Remove post body including date and comment info from Blog List page made with Design Studio:
if (x$("div.xg_widget_profiles_blog_list").length > 0) {
x$('div.xg_module_body').find('div.postbody').remove();
x$('div.xg_module_body').find('p.small').remove();
}
</script>
2. Hide the RSVP box on the events page (see example here: http://vfxg.org/events/la-film-fest)
</script>
<script type="text/javascript">
// Remove RSVP box on Events page made with Design Studio:
if (x$("div.xg_widget_events_event_show").length > 0) {
x$('div.xg_span-14').find('div.xg_column.xg_span-4.xg_last').remove();
}
</script>
PLEASE NOTE: I have removed the middle column on the Events page of my network as well, and expanded the width of the left-hand column using the code below (courtesy of TJ from http://jqueryhelp.ning.com/)
<script type="text/javascript">
// Remove middle column on Events page made with Design Studio:
if (x$("div.xg_widget_events_event_show").length > 0) {
x$('div.xg_span-14').find('div.xg_span-4').eq(2).remove();
x$('div.xg_span-14').find('div.xg_span-12').css('width', '650px');
}
</script>
Tags:
Permalink Reply by Stephanie Lennox on June 23, 2012 at 8:02pm Thanks so much for sharing! I used the blog list one. Great tip, and great site. How did you manage to hide your blog sidebar though? I'd love to do that for my network!
Steph :)
Permalink Reply by Kristy on June 23, 2012 at 8:13pm You're welcome, Stephanie -- and thanks! :-)
Here's the code to hide the middle column on the blog list page.
<script type="text/javascript">
// Remove middle column on Blog List page made with Design Studio:
if (x$("div.xg_widget_profiles_blog_list").length > 0) {
x$('div.xg_span-14').find('div.xg_span-4').remove();
x$('div.xg_span-14').find('div.xg_span-12').css('width', '650px');
}
</script>
Permalink Reply by Stephanie Lennox on June 23, 2012 at 8:54pm Thank you :)
Permalink Reply by Kristy on June 23, 2012 at 8:28pm Shoot! It looks like adding the "RSVP-remove" code also hides the "options" button at the top of each event page. That's not cool. Be forewarned! I'll look into it. If anyone has an idea for a solution in the meantime, I'm all ears. :)
Permalink Reply by NISHELBY KING on June 26, 2012 at 8:28am I copied the script into the blog post and the script was removed automatically when i went to publish. Am i not posting the code in the right place? How do i prevent the code from being removed by Ning?
Cindy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Kos replied to Donna Mac's discussion '3.0 Video - can someone explain?'
Crestini Activi ! replied to Rafael's discussion 'Multiple Chat rooms for Ning 3.0'© 2013 Created by Ning.
