Multiple Groups/Sub Groups are possible!

[Jake L.]

I want to add two more Groups tabs to my site. We all know this is not possible since only one fully functional Group tab is supported in NING.

But there is a workaround I came up with...

1) Create new group called ABC Company
2) Create new group called Hockey
3) Create a new tab called Businesses (new page)
4) Create another tab called Fans (new page)
5) Set Tab Permissions to the standard NING Groups tab as "Visible to Administrators only". This will hide the standard NING's Group page from everyone but will not disable it's functionality.
6) Edit Businesses page to display list of groups but customize it so it only shows ABC Company group (via custom HTML/CSS)
7) Edit Fans page to display list of groups but customize it so it only shows Hockey group (via custom HTML/CSS)

Done! you now have Two separate Group tabs and each one shows different groups. In essence you now have two sub-group categories!

Now here is the problem I'm having;

Each time someone clicks on ABC Company Group or Hockey Group they will see the standard group page which contains the *ALL GROUPS* and *MY GROUPS* links at the top. If someone clicks on either one they will see the real list of groups on the site and not my custom list. So how can you over come that? Since these links are part of NING CSS I don't know how to redirect them to go back to my Company or Fans page so users can see my "fake" list of groups.

Any suggestions how to overcome that?

Jake
www.beervalley.com

[TJ @ jQueryHelp]

Hi Jake,

I'm wondering how far you've progressed in your plan to create Multiple Groups. Have you been able to implement all the steps you listed?

You can easily change the http attribute of an a tag as well as the text inside the a element, using jQuery. Are you familar with jQuery?

You can use x$("a:contains('Search-Text')") to find the link to modify, see http://docs.jquery.com/Selectors/contains#text

Then you can set the href attribute with attr('href', 'NewiURL'), see http://docs.jquery.com/Attributes/attr#keyvalue

and change the link text with text('New-Text'), see http://docs.jquery.com/Attributes/text#val

Let me know if this is helpful.

"TJ"

[Jake L.]

If anyone wants to see if in action, take a look at my Test site. You don't need to create an account to see it either.

http://bvsandbox.ning.com/

The two Groups sections are: Business and Groups.

I'm not familiar with JQuery, sorry. I was hoping there was some way to override or hide the ALL GROUPS and MY GROUPS links. That is really all you need to make this work 100%, right now if you don't mind these two links displayed then you're set!


jake

[Leese]

Hey Jake,
Adding this snippet of CSS to your advanced styles section should solve that problem for you!

#xg_body ul.navigation {
display:none;
}

[Jake L.]

Hi Leese!

That worked like a charm! thank you!!

Jake

[Michael Rijken]

6) Edit Businesses page to display list of groups but customize it so it only shows ABC Company group (via custom HTML/CSS)
7) Edit Fans page to display list of groups but customize it so it only shows Hockey group (via custom HTML/CSS)

Can you explain how you did this?

Thanks in advance,

Mike

[Jake L.]

just use

• to make a list of your Groups with hyperlinks to each group, you have to maintain this page manually as it is a "dummy" Groups page; meaning that new groups will NOT show up on this page unless you add them by hand

[Michael Rijken]

Jake thanks for your reply!

[Vhiel M.R. Vance]

very cool site jake. how did you add the images for your menu bar? very cool.