Current status of the Ning Platform is always available on the Ning Status Blog.
Hi,
I can't find any setting to turn on 'under maintenance' for my network. So I suppose it doesn't exist.
Does anyone know if it's doable?
I don't want to make each single page private which will be a pain. A simple radio button with a customisable messgae would be great.
Thanks,
Ramin
You need to be a member of Ning Creators Social Network to add comments!
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 :-)
Replies
Hi there!
You have two options at the moment:
1) If it's not necessary for you to have access to your network we can lock it and nobody will be able to reach it.
2) If it's necessary to have access to the network, you can create the custom page, put there one html block and inside it, leave the message that the network is under maintenance, then just switch to the html view and add this code to hide navigation menu and account bar.
<style>
.before-content {display: none;}
nav.header-nav.navbar { display: none;}
</style>
After making this page a homepage in site builder, and don't forget to save the link to any other page of your network to still have access to it.
3) Also, you can accomplish this with a script, by checking whether the user is the admin or not, if the solution number 2 is not satisfactory, I can write it.
Hope this helps.
Best regards,
Ning Team.
I say write the code because this is an awesome topic.
Hi there!
All of the codes go to the Custom Code section in the site builder.
The first part goes to the "<Head> Code" field:
<style>
body{display:none;}
.center {text-align: center;}
</style>
The second part goes to "End of Page Code" field:
<script>
var styles_list;
styles_list=x$('body').attr("class").split(' ');
if (styles_list[1]=="isAdmin"){console.log("done");x$('body').show();}else{
x$('body').children().remove();
x$('body').addClass("center");
x$('body').append('<div style="font-size:18px; margin-top:50px;background-color:white; padding:20px; border-radius:10px;width:70%;margin-left:auto; margin-right:auto;">We are under maintenance, sorry! Plese come back later</div>');
x$('body').show();
}
</script>
NOTE! You need to save somewhere the link to sign in, just click on Sign in button using right mouse button, and choose save link. It's necessary in case if you log out, without the direct link with this script it wouldn't be possible.
The script checks whether you are an admin of teh network after your login and changes teh content of teh site to the maintenance message. That looks like just black letters in the white box. If you wish to change the styles of the body of page, you can add them to the class center. If you wish to change the message, you can replace the text "We are under maintenance, sorry! Plese come back later" if you wish you can also change the whole module which appearing by replacing "<div style="font-size:18px; margin-top:50px;background-color:white; padding:20px; border-radius:10px;width:70%;margin-left:auto; margin-right:auto;">We are under maintenance, sorry! Please, come back later</div>" with any HTML code you wish.
Hope it helps!
Best wishes,
Ning Team.
Hey there Kyryl I tried this code and it locked me out of my website and now I have to reach out to tech support to fix it, is there any way I can put this on and it won't lock me out? :/ and Also how can I put this on only one page? Please help me thank you for your time :)
Hi there!
Yes, I have found one logic mistake in my old code, or maybe the developers have changed the logic how teh isAdmin class is getting added to the body element. In order to avoid any issues, here is teh updated code that should work fine. But please don't log out from the network or keep the sign in link somewhere nearby.
The first part goes to the "<Head> Code" field:
<style>
body{display:none;}
.center {text-align: center;}
</style>
The second part goes to "End of Page Code" field:
<script>
var styles_list=x$('body').attr("class");
var style_admin = 'isAdmin';
if(styles_list.indexOf(style_admin) != -1){
x$('body').show();
}else {
x$('body').children().remove();
x$('body').addClass("center");
x$('body').append('<div style="font-size:18px; margin-top:50px;background-color:white; padding:20px; border-radius:10px;width:70%;margin-left:auto; margin-right:auto;">We are under maintenance, sorry! Plese come back later</div>');
x$('body').show();
}
</script>
Hope this helps.
Best regards,
Ning team.