Dec 21, 2006 05:58 PM|YiannisF|LINK
Well I have two CSS classes in my page.
The first is the one the one that defines the style for the panel that will popup as a modal window:
and the second one is the one that is assigned to the BackgroundCssClass attribute of the ModalPopupExtender so as to define the background style when the modal is visible:
Bellow are the definitions of the controls involved:
<asp:LinkButton ID="LinkButton1" runat="server">Reveal Modal...</asp:LinkButton>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
this is the modal<br /><br />
<asp:Button ID="Button1" runat="server" Text="OK" />
<asp:Button ID="Button2" runat="server" Text="Cancel" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton1" CancelControlID="Button1" DropShadow="true" OkControlID="Button2" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
I would expect that the panel to be displayed 300px away from the top-left corner, but this does not happen.
What exactly do you mean by saying that I need two different classes at minimum? Aren't these two that I have enough? If not, how would I use any other?