I have a checkboxlist in a Modal Popup extender. The number of checkboxes is huge causing the height of the modal popup to be too long. I tried fixing the height of the panel that the checkboxlist is in, but that didn't work. And I also tried setting the height of the modalpopup class in the css, but that didn't solve the problem either.
Here is the html code:
<aspanel ID="Panel1" runat="server" CssClass="modalPopup" style="display: none" Width="150px">
<asp:CheckBoxList ID="chkCompanies" runat="server" Width="150px" Visible="true">
</asp:CheckBoxList>
<div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" UseSubmitBehavior="false" OnClick="btnSubmit_Click" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</div>
</aspanel>
<cc1:ModalPopupExtender ID="mpeProducts" runat="server" TargetControlID="btnAdd"
PopupControlID="Panel1" BackgroundCssClass="modalBackground"
DropShadow="true" OkControlID="btnSubmit"
CancelControlID="btnCancel"
oninit="mpeProducts_Init">
</cc1:ModalPopupExtender>
Here are the classes in the css file:
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
height: 300px;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width: 500px;height: 300px;
}
Thanks for the help!
Here is the html code:
<aspanel ID="Panel1" runat="server" CssClass="modalPopup" style="display: none" Width="150px">
<asp:CheckBoxList ID="chkCompanies" runat="server" Width="150px" Visible="true">
</asp:CheckBoxList>
<div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" UseSubmitBehavior="false" OnClick="btnSubmit_Click" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</div>
</aspanel>
<cc1:ModalPopupExtender ID="mpeProducts" runat="server" TargetControlID="btnAdd"
PopupControlID="Panel1" BackgroundCssClass="modalBackground"
DropShadow="true" OkControlID="btnSubmit"
CancelControlID="btnCancel"
oninit="mpeProducts_Init">
</cc1:ModalPopupExtender>
Here are the classes in the css file:
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
height: 300px;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width: 500px;height: 300px;
}
Thanks for the help!