Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

This is a follow up from my discussion about customizing the Mobile version of 2.0 communities found here:

TIP/Trick/Hack 2.0: Injecting CSS into Mobile Version & Fixing Mobile Groups Style

What you'll Need To Add Your Groups to a Facebook Page Tab

Snappy Snippet Extension for Chrome

HTML5 App from FBAPPs added to your page

a Ning 2.0 community Mobile Version (add /m to the end of your URL)

What your are Building in less than 5 minutes

Install the chrome extension and the app to your facebook page above..

Step One:  Go to the page of your groups on your mobile version (example),  scroll all the way down so that all of your groups are in view, right click on the top group and inspect element.   Make sure the entire block of groups is highlighted and that your cursor is highlighting the  ul.groups selector

Step Two: Click the snappy snippet extension in your console and extract HTML and CSS like this:

Step Three: Head over to your facebook page and click on the HTML Tab > Click Application Settings > REMOVE EVERYTHING from the HTML, CSS and JS boxes

Step Four:  Copy the HTML block from the JSFiddle page and place it in the HTML section

Step Five:  Add  <STYLE> tags to the CSS and copy/paste everything from the CSS section on your JSFiddle in between the style tags and press save..

Live Demo... Here on the I KNow What a Land Surveyor Is. page tab on facebook

Let me know if you have questions or any other clever workarounds..

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Ana Massien updated their profile photo
yesterday
Ana Massien updated their profile
yesterday
This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"32000 member You can asked for $1 in donation and keep it running."
Saturday
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"My site has a bit over 32,000 members. I don't want to close the site, but might have to if prices…"
Friday
Dax Carlisle and Julius Manninen joined Ning Creators Social Network
Friday
Scott Bishop posted a discussion
Does anyone know how to change the font for the navbar to a font that is not listed for Ning 2.0? I…
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"212 views of this and no one can provide feedback?  Is this just way over everyone's head or is it…"
Wednesday
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hi Kyryl, 
How would I be able to use this code to make the navigation be screen wide? I have this…"
Wednesday
⚡JFarrow⌁ replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Here is whatI am using.... but i have a collection of footersyou might like to look through and for…"
Wednesday
Anastasia_Ning_Support replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Hi there!
One of our representatives have sent you an email, please check it. 
Best regards,
The NI…"
Tuesday
J.Ayvar posted a discussion
Tuesday
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"George, I messaged you through my site www.surfer-shot.com for help. I was able to fix most of it b…"
Tuesday
More…

Meanwhile, you can check our social media channels