Flickering of the hidden popup while loading page...

Question

0.00/5 (No votes)

See more:

Hi all,
I am using VS 2010 for developing a web application.i used modal popup for adding/editing some information in page.and the panel have the property visible = false or style display: none. but problem is when page is loading that time all the pop up is appearing for a time being and then it is disappearing.so how can i avoid the appearing/disappearing of the popup while page loading.Please suggest for the same.

Thanks,
Madhusudan

Posted 31-Mar-13 7:45am

madhusudanojha

Add a Solution

Comments

daman0187singh 1-Apr-13 1:30am

Cant Help until you dont share more details like Code snippets

madhusudanojha 1-Apr-13 12:53pm

hi i posted my code below. please have a look.

kishore sharma 1-Apr-13 1:46am

check when the style display:none is applying on pageload,or document.ready check these things and if so then why dont u use inline style sheet for that perticuler div and then letter play with style sheet using jquery.

daman0187singh 1-Apr-13 2:08am

may be your having problem with your jquery

madhusudanojha 1-Apr-13 12:50pm

hi here is my code ...
In aspx source code:-
<tr>
<td align="left">
<asp:Button ID="btn" runat="server" style="display: none" />
<asp:ModalPopupExtender ID="showdailyplan" runat="server"
CancelControlID="btn_Cancel" PopupControlID="pnlshowpopup"
TargetControlID="btn">
<asp:Panel ID="pnlshowpopup" runat="server" BackColor="#FAF8CC"
BorderColor="#426BB6" BorderStyle="Solid" Width="450px" style="display:none" BorderWidth="1px">
<table cellpadding="3" cellspacing="3"
style="width: 100%; border: thin solid #3b5998; border-collapse: collapse;">
<tr>
<td align="center" colspan="3"

style="font-family: Arial; font-size: 12px; font-weight: bold; color: #3b5998;">
My Daily Plan</td>
</tr>
</tr>
</table>

.....

this modal pop up should show only when i click on one link. but while page load also its showing and then disappearing.especially when internet speed is slow.
Please suggest some thing for this issues.

daman0187singh 5-Apr-13 2:02am

hi sorry for the late reply, remove the style="display:none" from the panel

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)