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

NC for Hire

I want to recreate the new modal window that Ning recently put on our site.


I am able to get the HTML part of the modal working on a page in my site however, I am trying to figure out how to generate the xg_token which apparently needed to close the modal after reading.   I found the xg_token inside the source code of my pages but for some reason I am unable to close the modal.   Could someone at Ning help me identify which token to use or how to generate one for this purpose?

Is the token page specific or user specific or domain wide?   Scratching my head... thanks for any help...

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

Join Ning Creators Social Network

Votes: 1
Email me when people reply –


  • Hello Justin!

    I have asked around, and if I understood your question correctly, you will not really be able to use this version of pop-up, because we do not use token, once the network owner checks the box and closes the pop-up, his action is recorded in the database and therefore during the next visit it will not be shown. Sorry :(

    Best regards,

    The NING Team

  • Must be SOOOOO NICE to see updates like those... meanwhile, I struggle to keep my 10 yr old Ning 2 alive...

    Don't guess it will help to ask... anything new for Ning 2?

    Thanks Suzie

    • Hello Suzie!

      I am very sorry, but there will be no new features for 2.0, only the maintenance updates. 

      Our team is working on developing updates for 3.0 platform, this is why we are offering migration for everyone who is interested. 

      Best regards,

      The NING Team

  • Hmm just wondering if we could make use of the like or vote options to do this as a member can only use these once against a post, so the idea would be to use these and change the text from like to don't show again and then we could use some code to check if the member has 'liked' and if so then hide this box.

    Will have a play and see what can come up with.

    Bizz :-)

  • Hi JF, I think I have come up with a nice solution for this for you, just got to get it all wrote up and will put a post up. Sent you an invite to the site so you can check it out as well.

    Bizz :-)

  • Here is an image showing the popup, I just used the ning wording for example.


    • I know of similar work arounds, people with IMVU pages create them for use with their websites and pages.  It's basically like a javascript pop up you see when you land on someone's page or website... Probably not what you are searching for but it is like the ning module. bars used to have a pop up announcement area on their bars but its giving a nice 502 cloudflare error. I wish they would fix that.

      If you would like the url to try the javascript pop up like this module here, let me know and I will send you the page.

    • NC for Hire

      wow... that looks exactly like what i was trying to do...

  • Justin here is what I have come up with and seems to work very well. I've used a blog page instance to hold the message/s as when you add them to a page as add content you get the like button and this we can use as our 'token' seeing as a member can only like or unlike.

    As we are using a blog page you can either add it to the unlinked pages section or keep it in the nav bar so members can go back and review the messages and also you could add some other categories for other messages that they can see if they want. If you go to my site you will see the Messages link in the nav bar so you can get an example.

    Ok to set this up we just need to create a blog page and add a category and this category is going to be used for the pop up messages. The good thing is you then don't have to keep changing an existing message but just add a new one as we are going to set the add content module to only display one message which will always be the latest one.

    There is a button for the member to close the message if they so wish without selecting the don't show box but it will keep showing when they visit the page it's on until they select the don't show button. The don't show button is actually the like button so if they ' like the message ' it will not show again and to get the message to show again you unlike it. You can add this to one or as many pages as you want by simply using the add content for the page.

    Below is how I have the blog page set up, make not of the category for messages as this is the category for the messages to show and the use the messages for the url

    4481571230?profile=RESIZE_930xNext is an image of adding the ' add content module to a page

    4481578696?profile=RESIZE_710xThat's it really for setting those up. In the code all you will see in the css there is a section that creates the pop up, if you just want it to display in a column leave that bit out. You may have to edit the text colours with some css depending how it looks on your colour scheme but I can help with that if need be.

    So here is the custom code for you end of page section first

    x$('.section-blogBundle .module-name > a[href=""]').closest('.section-blogBundle').hide();
    x$('.section-blogBundle .module-name > a[href=""]').closest('.section-blogBundle').addClass('siteMessage').hide();
    x$('<a class="close-siteMessage" title="Close">Close</a>').insertAfter('.siteMessage .entry-footnote');
    x$('.siteMessage .likeButton a').attr('title','Do Not Show Again');
    x$('.siteMessage .likeButton').closest('.siteMessage').addClass('dontshow').hide();
    x$('.siteMessage .likeButton a').hover(function() {
    x$(this).attr('title','Do not Show Again');

    x$(document).ready(function() {
    x$('.siteMessage, .siteMessage.dontshow').hide();

    x$(document).ajaxSuccess(function() {
    x$('.activityFeed-headline > a[href^=""]').closest(".feedEvent-createBlogPostLike").addClass('activityMessageHide').hide();


    And Here is the css

    .activityMessageHide{ display:none!important }
    .section-blogBundle{ display:none }
    .siteMessage{ display:none}
    .siteMessage.dontshow{ display:none!important}
    .siteMessage .likeButton { background-color:grey!important; padding:5px!important }
    .siteMessage .likeButton a{ padding:5px!important; border:solid 1px black; background-color: white; color:transparent!important }
    .siteMessage .likeButton a:hover{ background-color:red }
    .siteMessage .likeButton .icon{ display:none }
    .siteMessage .likeButton .likeButton-count{ display:none }
    .siteMessage .likeButton:before
    content: "Don't Show Again";
    display: inline-block;
    font-size: 1em;
    color: grey;
    .siteMessage .section_header, .siteMessage .avatar-frame, .siteMessage .entry-byline, .siteMessage .entry-readMore, .siteMessage .entry-tags{
    .siteMessage .close-siteMessage:hover{ cursor:pointer;color:white; background-color:royalblue }
    .siteMessage .close-siteMessage{
    padding: 5px 10px;
    background-color: lightgray;
    border-radius: 4px;

    /** Add for popup style **/
    .siteMessage {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.57);
    z-index: 2000;

    .siteMessage .module-body{
    width: auto;
    margin: 10% auto;
    background-color: white;
    text-align: left;
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 10px;
    max-width: 400px;
    box-shadow: 1px 7px 10px #333;

    Here is how the popup will look


    Hope this is ok for you

    Bizz :-)

    • NC for Hire

      Wow Bizz... thank you...ill give it a try... very innovative workaround..

This reply was deleted.

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

Cindy Dean Mccoy replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"It has to do with using a URL for your social network that is not the same as the URL of your netwo…"
10 hours ago
Anam replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"I honestly do not know what this post means."
11 hours ago
Rosas † Negras updated their profile
20 hours ago
⚡JFarrow⌁ replied to Jan Homan's discussion
Creating videoheader?
"I have a few things i can do or you can do... here are a couple of examples
Example 1
Example 2
Jan Homan replied to Jan Homan's discussion
Creating videoheader?
"Yes, I want to use a youtube video!"
Rosas † Negras replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"thank you very much you have been very kind"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"it goes in your Custom Code section of the backend in the bottom box... hope this helps"
⚡JFarrow⌁ replied to Jan Homan's discussion
Creating videoheader?
"Welcome... yes!   Are you going to be using your own mp4 or a youtube video?"
Jan Homan posted a discussion
Hello everybody, One question. Can I create a videoheader within Ning 3.0?Can someone help me with…
Jan Homan updated their profile
⚡JFarrow⌁ commented on ⚡JFarrow⌁'s blog post 110+ Useful Ning Tips and Tricks for 2.0 and 3.0
"Agreed Jamie... did you set your 3.0 up yet?"
Paul B Thomas commented on Paul B Thomas's blog post Creativity is Our responsibility
"Thank You J Farrow"

Meanwhile, you can check our social media channels