Here is the solution..
1. Take 2 DIV containers name them (for example) as OuterDIV and
InnerDIV. InnderDIV inside OuterDIV.
2. Assign class OuterDivClass to OuterDIV .
3. Assign class InnerDivClass to InnerDIV.
Observe that when OuterDIV gets displayed it occupies complete screen
due to height and width set to 100%.
For your project put the Panel withing InnerDIV. Adjust the InnderDiv
height and width according to panel. Don't forget include InnerDIV
within OuterDIV. It should work.
.InnerDivClass
{
background-color: #E6E6FF;
border-style: outset;
display:none;
width: 400px;
height: 300px;
top: 25%;
left: 35%;
position: relative;
}
.OuterDIVClass
{
font-family: arial,helvetica,clean,sans-serif;
font-size: small;
display: block;
position: fixed;
opacity: 0.75;
filter: alpha(opacity=95);
height: 100%;
width: 100%;
background-color: #333333;
top: 0%;
left: 0%;
}
Good luck...
On Nov 4, 5:52 am, Priya <pryt...@gmail.com> wrote:
> Hello,
>
> In my project,i am handling popup messages through the asp panel and
> div controls.when that popup comes by clicking a button say btnsend,
> the background ie the page should become inactive,no button click or
> any other functionality should not be done..
>
> The popup panel's css class is popupcurve
>
> .popupcurve
> {
> width:45%;
>
> color: #000000 !important;
> border: 15px solid #cecdbb;
> background-color: #FFFFFF;
> position: fixed !important;
> top: 40%;
> left: 25%;
> z-index: 105;
>
> }
>
> The page is like this
> <body>
> <asp:Button runat="server" ID="butn" Text="Send" />
> <asp:Panel ID="PnlConfirmation" runat="server" CssClass="popupcurve"
> Visible="false">
> <div class="popupcurve_inside" >
> <table style="width: 100%;">
> <tr>
> <td align="center">
> <asp:Button ID="btnok" runat="server" Text="OK" />
> </td>
> </tr>
> </table>
> </div>
> </asp:Panel>
>
> </form>
> </body>
> Please help me
--
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to jquery-...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-dev+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en.
