http://community.apps.io/articles/index/embed1 2010-09-08T10:19:15+00:00 http://community.apps.io/articles/index/view?id=1990958:Article:28416 2009-09-10T15:06:29.231Z A member of community.apps.io

We're excited to announce today the launch of our Member Map and Contact Page apps on the Ning Apps Platform! With Ning Apps, a Ning Network Creator can now add the Member Map app or Contact Page app to expand the functionality of their Ning Network and increase engagement by their members.

Member Map by Apps.IO allows Ning Network members to easily share their location with other members of your social network on a customizable map.


Contact Page by Apps.IO allows Ning Network Creators to add a page to their social network with a customizable email contact form. The Contact Page app includes a built-in language editor, allowing support for any language, and also has a customizable text box above the contact form.


To install the Member Map or Contact Page apps, visit the Ning Apps Directory: http://about.ning.com/ningapps ]]>

http://community.apps.io/articles/index/view?id=1990958:Article:23708 2009-07-08T19:33:47.614Z A member of community.apps.io

After receiving a few requests, we've cooked up a CSS code that turns the single list view shown above into a two column list that is a little more compact. Here's a preview:


If you'd like to have your network use this style instead of the default, the installation process is quite easy. Simply open your Network's Manage page, click "Appearance", then scroll down and click "Advanced", and then paste the following code at the very bottom of your network's preexisting custom CSS code.

CSS Code:

.xg_widget_profiles_friend .member_item, .xg_widget_profiles_members .member_item {
width:350px !important;
float:left !important;
margin-right: 5px !important;
clear:none !important;
}
.xg_widget_profiles_friend .member_item .xg_span-8, .xg_widget_profiles_members .member_item .xg_span-8 {
width:210px !important;
}
.xg_widget_profiles_friend .member_item .xg_span-6, .xg_widget_profiles_members .member_item .xg_span-6 {
width:130px !important;
}

Update: Themes with large font sizes will need to use the following code instead.

.xg_widget_profiles_friend .member_item, .xg_widget_profiles_members .member_item {
width:355px !important;
float:left !important;
margin-right: 1px !important;
clear:none !important;
}
.xg_widget_profiles_friend .member_item .xg_span-8, .xg_widget_profiles_members .member_item .xg_span-8 {
width:205px !important;
font-size:0.75em;
}
.xg_widget_profiles_friend .member_item .xg_span-8 img, .xg_widget_profiles_members .member_item .xg_span-8 img {
width: 75px;
height: 75px;
}
.xg_widget_profiles_friend .member_item .xg_span-6, .xg_widget_profiles_members .member_item .xg_span-6 {
width:140px !important;
font-size:0.8em;
}

Disclaimer: This code isn't an official modification or recommendation by Apps.IO and comes with no warranty or support.

]]>

http://community.apps.io/articles/index/view?id=1990958:Article:15891 2009-05-13T21:05:47.417Z A member of community.apps.io

How to install:

Installation is quite easy, simply add a text box to your social network's main page via the Manage > Features page, then paste the code inside the text file linked below into the text box.

Code:
login_box_code.txt

This hack is not an official addon and comes with no warranty or support. It may break at anytime, and/or may cease to work on the Ning Platform.

Disclaimer: This code isn't an official modification or recommendation by Apps.IO and comes with no warranty or support.

]]>

http://community.apps.io/articles/index/view?id=1990958:Article:12188 2009-04-21T19:43:08.019Z A member of community.apps.io

truly Your Own Social Network.

So, how difficult is it to accomplish this simple CSS trick? You don't even have to understand CSS, as we've made the code available to you. To accomplish this on your network, simply copy the CSS code below and paste it in the advanced CSS code box on your network's appearance page and click save. That's it.


.xg_3col, .xg_widget_forum .xg_column.xg_span-16 {
float:right;
padding-left:0px;
padding-right:10px;
}
.xg_3col .xg_1col {
float:right;
padding-left:0px;
padding-right:0px;
}
.xg_1col.last-child {
padding-right:3px;
margin-left:0px;
}
.xg_widget_profiles .xg_1col.first-child, .xg_widget_forum .xg_column.xg_span-4.xg_last {
float:left !important;
padding-left:0px;
margin-left:0px;
}


Potential Issues:
If you've enabled members to select their own theme, the right column will still show up on the right side of member's pages that have selected their own theme.

Disclaimer: This code isn't an official modification or recommendation by Apps.IO and comes with no warranty or support.

]]>

http://community.apps.io/articles/index/view?id=1990958:Article:10965 2009-03-06T19:07:59.589Z A member of community.apps.io

previous addons that stored data on your Social Network, to accomplish the same with the new API will require us to store the data from the addon.

We've just recently began developing the new addons that will utilize the new system. Addons developed using this new API, will be easily installed with one click to your social network. All Ning Apps will be approved by Ning and upon approval will be added to a new directory of addons. It's important to point out that Ning Apps are not the same as the Open Social applications your network already has, it just utilizes the same API. Ning Apps will be capable of everything our current addons can do; from adding an entire section to your network, to writing to your network's activity feed.

Initially, we will migrate some of our previous addons to the new system, shortly afterwords we will be launching addons we're currently not offering and continue the migration process of our other addons. We will be waiting until after our addons have been approved by Ning to announce any additional details. We're currently working to finalize development and are planning to publicly launch them in the fall. ]]>