Saturday, March 24, 2012

DropShadow Style for ModalPopupExtender

Hello,

Is there a way to change the DropShadow style on the ModalPopupExtender? Currently it is showing up as black. I would like to change the dropshadow to a different color and maybe increase the size of the dropshadow if it is possible.

Thanks!

well, i found that i can apply the dropshadowExtender to the ModalPopupExtender, which takes care of the dropshadow (i wanted it to be slightly opaque).

For those interested:

<asp:HyperLinkID="LinkButton1"runat="server"Text="modal"navigateurl="#"/><asp:PanelID="Panel1"runat="server"Style="display: none"CssClass="modalPopup"><divid="blah">

test

<pstyle="text-align: center;"><asp:ButtonID="OkButton"runat="server"Text="OK"/><asp:ButtonID="CancelButton"runat="server"Text="Cancel"/><br/></p></div></asp:Panel><ajaxToolkit:ModalPopupExtenderID="MPE"runat="server"TargetControlID="LinkButton1"PopupControlID="Panel1"BackgroundCssClass="modalBackground"DropShadow="false"OkControlID="OkButton"OnOkScript="onOk()"CancelControlID="CancelButton"PopupDragHandleControlID=""X="180"Y="400"behaviorid="modalBehavior"/><ajaxToolkit:DropShadowExtenderID="dse"runat="server"TargetControlID="Panel1"Opacity=".4"Rounded="false"TrackPosition="true"/>


well, i found that i can apply the dropshadowExtender to the ModalPopupExtender, which takes care of the dropshadow (i wanted it to be slightly opaque).

For those interested:

<asp:HyperLinkID="LinkButton1"runat="server"Text="modal"navigateurl="#"/><asp:PanelID="Panel1"runat="server"Style="display: none"CssClass="modalPopup"><divid="blah">

test

<pstyle="text-align: center;"><asp:ButtonID="OkButton"runat="server"Text="OK"/><asp:ButtonID="CancelButton"runat="server"Text="Cancel"/><br/></p></div></asp:Panel><ajaxToolkit:ModalPopupExtenderID="MPE"runat="server"TargetControlID="LinkButton1"PopupControlID="Panel1"BackgroundCssClass="modalBackground"DropShadow="false"OkControlID="OkButton"OnOkScript="onOk()"CancelControlID="CancelButton"PopupDragHandleControlID=""X="180"Y="400"behaviorid="modalBehavior"/><ajaxToolkit:DropShadowExtenderID="dse"runat="server"TargetControlID="Panel1"Opacity=".4"Rounded="false"TrackPosition="true"/>


well, i found that i can apply the dropshadowExtender to the ModalPopupExtender, which takes care of the dropshadow (i wanted it to be slightly opaque).

For those interested:

<asp:HyperLinkID="LinkButton1"runat="server"Text="modal"navigateurl="#"/><asp:PanelID="Panel1"runat="server"Style="display: none"CssClass="modalPopup"><divid="blah">

test

<pstyle="text-align: center;"><asp:ButtonID="OkButton"runat="server"Text="OK"/><asp:ButtonID="CancelButton"runat="server"Text="Cancel"/><br/></p></div></asp:Panel><ajaxToolkit:ModalPopupExtenderID="MPE"runat="server"TargetControlID="LinkButton1"PopupControlID="Panel1"BackgroundCssClass="modalBackground"DropShadow="false"OkControlID="OkButton"OnOkScript="onOk()"CancelControlID="CancelButton"PopupDragHandleControlID=""X="180"Y="400"behaviorid="modalBehavior"/><ajaxToolkit:DropShadowExtenderID="dse"runat="server"TargetControlID="Panel1"Opacity=".4"Rounded="false"TrackPosition="true"/>


eek! sorry.. stupid connect at work made it look like the post didnt go thru =/

No comments:

Post a Comment