Tuesday, May 12, 2015

Remove Dot Net Nuke AJAX Partial Render Postback Overlay and Hourglass Busy Animation

When you set your Dot Net Nuke module to allow partial rendering, when the module is posted back, you get a very un-stylish washed out overlay that partially covers your page - it only covers the area that your module acquires - along with a less-than-flattering hourglass/busy animation.

Due to the way this overlay is positioned at run time it can sometimes be nowhere near your module, particularly if you have used some complex CSS or javascript to position your module.



Recently i wanted to have an ajax postback module on my partially rendered page but i didnt want this overlay/animation while the module was 'working'

This overlay comes as part of the Telerik AJAX resources included in DNN 6+.  It is delivered to the page as part of an AXD file and the contents can sometimes be difficult to find on your dotnetnuke install.

There is one simple way to remove this overlay in your module so when your module posts back the interface wont be obfuscated and you will be easily able to produce an AJAX postback module without drawing any attention to the fact that it is or has been working.

are you ready?

Simply add these 3 lines to your module's CSS file

/* REMOVE THE DNN AJAX OVERLAY */
.raDiv{display:none;}
.raColor{display:none;}
.raTransp{display:none;}

Or add this in your ASCX file

<script>
/* REMOVE THE DNN AJAX OVERLAY */
.raDiv{display:none;}
.raColor{display:none;}
.raTransp{display:none;}
</script>

There.  Don't say i never give you anything.

Note i haven't thoroughly tested whether or not this affects anything else on the page - i did test saving the settings of another module and the Telerik AJAX overlay and busy animation did display so that is enough to convince me that this mod is localised to the your module.

4 comments:

  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru Javascript Training in Chennai. Nowadays JavaScript has tons of job opportunities on various vertical industry. JavaScript Training in Chennai

    ReplyDelete
  2. To write a great argumentative essays the Australian students search essay writing help, Even if you want to get HD grades meet professional Essay Writers to helped in your essay assessment. Our goal is to provide professional essay writing tips and provide services how to write an essay in a HG manners for Australian and international students. Get our help now to get your essays written by university assignment help experts!

    ReplyDelete
  3. To become an expert sales coordinator, high grades in your sales management course are mandatory. If you’re burdened with assignments, rely on the academic writing help service providers online. They will help you out. Apart from grades, you’ll also need unbeatable skills in client management, proficiency in query software, CRM and database user interface.
    Academic essay writing has been a parameter to judge the merits of the students for a long time. The present time is none the less. In fact, as time is passing by, students are having more and more requirements to write an essay that will be graded. Hence seeking Do my essay help is on the rise and it will be.

    ReplyDelete