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

Hide and Show The New Edit Buttons on pages

I see Rosa has added something about this using a little css to hide them so thought I would come up with another version so you can have them hidden by default but enable them quickly if you need to. I have added another option into the Ning bar, as only admins see these anyway, so by clicking the button it will show the grey edit buttons on the page and by clicking again it will hide them, Note I have done it so that the button in the Ning bar will only show up if there are any edit buttons on the page else it will not be there.

Not sure why Ning did not add an option of a tick box or something for us to decide if we wanted them or not to show but I know they did have a lot of requests for editing on the page like there was in Ning 2.0 but the option would have been nice to be added.

Here are two demo images

10928695476?profile=RESIZE_710x10928695692?profile=RESIZE_710xNice and simple.

So here is the code to use, just go to your Social Site Builder > Custom Code and add it in the END OF PAGE section.

 

<script>
x$(document).ready(function(){
x$('.editEs23Button').remove();
x$('.jsEditButton').closest('body').addClass("hasEditButtons");
x$('<a class="dashboardBar-icon edits-buttons" href="#/" title="Show Edit Buttons"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path transform="translate(-21 -300)" d="M35.55 312.25l-2.3 2.3 4.07 4.06 2.29-2.3zm-4.8-4.8l-4.07-4.06-2.29 2.3 4.06 4.06zM32 306.2l4.7-4.69a.89.89 0 0 1 1.24 0l3.55 3.54c.35.35.35.91 0 1.26l-4.7 4.69 4.7 4.7c.35.34.35.9 0 1.24l-3.55 3.55a.89.89 0 0 1-1.25 0l-4.69-4.7-4.7 4.7a.89.89 0 0 1-.62.26h-3.54a.89.89 0 0 1-.89-.89v-3.54c0-.24.1-.46.26-.63l4.7-4.69-4.7-4.7a.89.89 0 0 1 0-1.25l3.55-3.54a.89.89 0 0 1 1.25 0zm4.13-1.63l2.3 2.3 1.18-1.19-2.3-2.3zm-1.25 1.26l-10.86 10.85v2.3h2.3l10.85-10.86z"></path></svg><span class="dashboardBar_title">Page Edit Buttons</span></a>').insertAfter('.dashboardBar-innerIcons a:last').hide();
x$('.edits-buttons .dashboardBar_title').css('margin-left','5px');
x$('.edits-buttons').hide();
x$('body.hasEditButtons .edits-buttons').show();
x$('.jsEditButton').hide();
x$('.edits-buttons').click(function(){
x$(this).toggleClass("dashbuttonActive");
x$('.jsEditButton').toggleClass("active");
x$('.jsEditButton').hide();
x$('.jsEditButton.active').show();
});});
</script>

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

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  •  Obrigada. 

    Gostei.

  • Are we talking about the new "edited box" (a tiny box with a pencil plus a tiny photo of the editor) that appears on a comment if a moderator edits a comment ? 

    I have been away from the NING world for a few years.

    I used to correct typos and improve the formatting of the comments and now this "edited sign" appears. 

    Is there a way to disactivate the appearance of these boxes ?

    Fabio Colasanti (Brussels, Belgium)  

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

kostasgr liked Alex - Rosas † Negras's discussion I managed to add group video calling, if anyone is interested I will post the codes
Jul 8
Steve C replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Ning is based in California but operations are in Kyiv, Ukraine. Due to the war, operations may…"
Jul 6
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"⚡JFarrow⌁  
I'm working on the stories and I don't have time to work on the video call you just…"
Jun 28
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"if you want I'll give you the codes privately and we'll see if the two of us can make it perfect"
Jun 27
Eva and ⚡JFarrow⌁ are now friends
NC for Hire
Jun 25
⚡JFarrow⌁ replied to Eva's discussion
For three days now, my networks, Ning 2.0 and Ning 3.0, are incorrectly visible
"Ug... thats not right..  ill send you my phone number in messages and we'll talk it over."
Jun 24
Eva replied to Eva's discussion
Help Help Help
" I just started a test network on Ning. I'm having the same problems there too! No photos, in…"
Jun 21
Eva posted a discussion
Jun 21
Eva posted a discussion
For three days now, my two networks, Ning 2.0 and Ning 3.0, have been displayed incorrectly, they…
Jun 21
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"looks interesting"
Jun 20
⚡JFarrow⌁ updated their profile photo
Jun 16
Kenny Craig updated their profile
Jun 8
More…

Meanwhile, you can check our social media channels