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.

3830785041?profile=RESIZE_710x

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 –

Replies

  • 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.

    4466462005?profile=RESIZE_930x

  • 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

    <script>
    x$('.section-blogBundle .module-name > a[href="https://landsurveyorsunited.com/messages/Messages"]').closest('.section-blogBundle').hide();
    x$(document).ready(function(){
    x$('.section-blogBundle .module-name > a[href="https://jr-images.ning.com/messages/Messages"]').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$('.section-blogBundle').show();
    x$('.siteMessage').show();
    x$('.siteMessage .likeButton a.is-selected').closest('.siteMessage').addClass('dontshow').hide();
    x$('.siteMessage .likeButton a').hover(function() {
    x$(this).attr('title','Do not Show Again');
    });
    });
    </script>


    <script>
    x$(document).ready(function() {
    x$('a.close-siteMessage').click(function(){
    x$('.siteMessage, .siteMessage.dontshow').hide();
    });
    });
    </script>

    <script>
    x$(document).ajaxSuccess(function() {
    x$('.activityFeed-headline > a[href^="https://landsurveyorsunited.com/messages"]').closest(".feedEvent-createBlogPostLike").addClass('activityMessageHide').hide();
    });
    </script>

     

    And Here is the css

    .activityMessageHide{ display:none!important }
    .section-blogBundle{ display:none }
    .siteMessage{ display:none}
    .siteMessage.dontshow{ display:none!important}
    .siteMessage .likeButton a.is-selected { 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;
    vertical-align:top;
    }
    .siteMessage .section_header, .siteMessage .avatar-frame, .siteMessage .entry-byline, .siteMessage .entry-readMore, .siteMessage .entry-tags{
    display:none!important;
    }
    .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

    4466462005?profile=RESIZE_930x

    Hope this is ok for you

    Bizz :-)

    • NC for Hire

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

      • No worries, glad could help. Oh by the way here is the link to the Featured Indicators css I used for my activity feed

        https://jr-images.ning.com/blog/activity-feature-indicators

        Bizz :-)

        Activity Feature Indicators
        Here is the css for the Featured indicators on the activity feed /* FEATURE RIBBON ACTIVITY FEED*/.feedEvent-featureVideo .activityFeed-storyBody::be…
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

Future Skills Academy updated their profile
Tuesday
Eva Libre liked Karen Hardy's blog post Terrified about 3.0 upgrade
Sep 29
JUSTIN GREGG updated their profile
Sep 27
Vlada replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Found this post with more complaints about the Ning3.0 malfuntioning for members in the comments…"
Sep 21
Vlada replied to Michael Rua Franco's discussion
Problems with Polyfill.io in my site
"I just read your post here,now I'm no IT expert but I just went to your site and my antivirus didnt…"
Sep 20
Vlada replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Oh Eva thanks for this post,... Yeah Ning 03 sucks big time alright!!, you get no notifications on…"
Sep 19
Eva Libre replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Thanks for your help, ⚡JFarrow⌁I'm having some health problems at the moment, which is why I'm only…"
Sep 16
⚡JFarrow⌁ replied to Zoe Dune's discussion
NING's Landing Page Issues, Third Party Options, Suggestions?
"I just sent you my contact info in a message.  Call me and ill talk with you about some options.."
Sep 11
⚡JFarrow⌁ replied to Eva Libre's discussion
Ning 3.0 is antisocial!
" One way to get your activites in groups to show up in your feed is to combine the feeds from…"
Sep 11
Eva Libre replied to Mar's discussion
Comments appearing in activity feed
"Yes, this is one of several problems with the Activity Feed in Ning 3.0!"
Sep 1
Eva Libre replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Thanks for your input..."
Sep 1
Eva Libre replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"It is annoying and tedious not to see when a member joins a group. Or if there is a new group! Just…"
Sep 1
More…

Meanwhile, you can check our social media channels