I want to open Modal popup 10 px below from top

Question

0.00/5 (No votes)

See more:

I want to open ajax Modal popup 10 px below from top.My modalpopup is showing in middle of page.My css and code is...

XML

<asp:ModalPopupExtender ID="ModalPopupExtender4" runat="server" TargetControlID="btnshowpopup3" PopupControlID="Pnlpop3"
CancelControlID="ImageButton5" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="Pnlpop3" runat="server" CssClass="pnl" BackColor="White" style="margin-top:10px; width:80%; left:500px; display:block;" >
 <table width="100%" cellpadding="0" ><tr><td align="right" valign="top">
  <asp:ImageButton ID="ImageButton5" ImageUrl="~/images/Cross.png" Text="Client History" runat="server"  Width="25px" Height="25px" /></td></tr></table>

CSS

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
padding:6px;
z-index: 10000;
border:Solid 3px #D55500;

}
.pnl
{
 border:Solid 3px #D55500;
  margin-left:5px;
  margin-top:10px;
}

Posted 7-May-14 22:49pm

Amit Vasi

Add a Solution

Comments

King Fisher 8-May-14 5:29am

you have added the Same at css and also Panel Style Property Remove any one and let me Know

Amit Vasi 9-May-14 1:31am

I ahve removed css but not reflected.My popup is starting in middle of page...and save button is hiding below taskbar...give me solution..

Amit Vasi 8-May-14 7:04am

I have removed but my popup is not reflected it is showing in middle of page.On my popup there is Table and dropdownlist and Save button .so Save button is showing very very below and not showing.Pls give me solution so that popup may show on 10 pix below from top.

2 solutions

Add a Solution

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)

King Fisher · Answer 1 · 2014-05-08T19:53:00

Try this:

C#

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;

}

and your panel

C#

<asp:panel id="Panel1" runat="server" backcolor="#FAFAFA" height="400px" width="550px" style="display:none; margin-top:10px;" xmlns:asp="#unknown"></asp:panel>

Vi(ky · Answer 2 · 2014-05-07T22:55:00

Solution 1

C#

.pnl
{
  top : 10px
}

Posted 7-May-14 22:55pm

Vi(ky

Updated 7-May-14 23:00pm

v2

Comments

Amit Vasi 8-May-14 7:05am

my popup is not opening in Chrome browser.

Amit Vasi 9-May-14 1:30am

Pls give me solution....