Apps.IO

The Apps.IO Customer Community

Network Tip: Add a sign-in box to your network's main page.

Apps.IO
posted May. 13, 2009

in Hacks

We've received numerous requests regarding our sign-in box and how we've implemented it. We had previously offered a plugin that allowed network creators to add a sign-in box to their networks, however we're no longer able to offer it due to a change in the Ning Platform. Unlike other sign-in box plugins, this version is entirely javascript based and the code is fully hosted on your social network to ensure the security of your members is not compromised.

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.

Comments about this article:

Non Stop commented May. 14, 2009 ...
Right click the code link and save it to your hard drive. Then open it up from the location you save it at. Once you open it, you will see the code. It's not visible through a web browser. Once you open it, copy it and then paste it into a text box on your Ning site.
BerlinErDin commented Jul. 21, 2009 ...
Is it possible to completely remove the login box (because I am creating a navigator that will point to the link instead) ?
LATINOSBOOK commented Nov. 11, 2009 ...
.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;
}
Aidin commented Nov. 16, 2009 ...
Just one more question :)

The code is working fine, great! But now, how can I remove the actual NING "sign In" box? There is no point 2 have 2 boxes with this feature...
Apps.IO commented Nov. 16, 2009 ...
Hi, Aidin!

Try adding the following custom CSS:

.xg_widget_main_index_index .xg_signup { display:none !important; }

Thanks,
The Apps.IO Support team

© 2010   Apps.IO   Powered by .

Badges  |  Report an Issue  |  Terms of Service