Fadeout/Darken background behind ModalPopupExtender in ASP

Question

I am currently working on a ModalPopupExtender in ASP.net with C#. I have the modal popup extender working fine but I was just wondering if there was a way to darken the background with some sort of animation to make the popup extender more noticeable.

Is there a form of JQuery or AJAX or something that would provide me with this sort of functionality.

Thanks for the help.

score 11 · Accepted Answer · edited Aug 24 '16 at 20:42

The CSS class you attach to the modal popup extender gives the background color.

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton2" PopupControlID="Panel2" BackgroundCssClass="modalBackground" OkControlID="OkButton1" OnOkScript="onOk()" CancelControlID="CancelButton1" DropShadow="true" PopupDragHandleControlID="Panel4" />

and in my CSS, I have

.modalBackground 
{
    height:100%;
    background-color:#EBEBEB;
    filter:alpha(opacity=70);
    opacity:0.7;
}

You can change the above CSS to darker shades of gray, if you want to. Else, you can experiment with the alpha & opacity properties.

And you only need `filter:alpha(opacity=70);` if you need to support IE8 and before. — mbomb007, Aug 24 '16 at 18:33

Fadeout/Darken background behind ModalPopupExtender in ASP

1 Answers1