我在ModalPopupExtender中显示gridview.当屏幕分辨率很小时,弹出窗口将大到全部显示在页面上.
我只想在发生这种情况时向弹出窗口添加滚动条.
我知道它可能是一些CSS,但我尝试的都没有用.
这里有一些基础CSS
.modalTextBoxBackground
{
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalTextBox
{
border: 1px solid #FFFFFF;
background-color: #0066CC;
color: #00FFFF;
}
Run Code Online (Sandbox Code Playgroud)
这里有一些来自aspx的代码
<asp:Panel ID="OptionSelectionPanel" runat="server" CssClass="modalTextBox">
<asp:UpdatePanel ID="OptionSelectionUpdatePanel" runat="server" UpdateMode="Conditional" >
<Triggers>
<asp:asyncPostBackTrigger ControlID="TemplateSelection" />
</Triggers>
<ContentTemplate>
<table class="EditRow">
<tr class="HeaderFooter">
<td colspan="3" class="modalTextBoxTitle">
Add options to Quote
</td>
</tr>
<tr>
<td>
Manufacturer
</td>
<td>
<asp:DropDownList ID="OptionManufacturerFilter" runat="server"
DataSourceID="OptionManufacturerDataSource" DataTextField="Name"
DataValueField="Code" AutoPostBack="True" >
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="3">
<asp:GridView ID="NewOptionSelection"
runat="server"
DataSourceID="AvailableOptions"
DataKeyNames="Option_Id"
AllowPaging="True"
AllowSorting="True"
AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="category_Descr" …Run Code Online (Sandbox Code Playgroud) 我有以下模态弹出扩展器:
<asp:Label ID="lbl" runat="server"></asp:Label>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="lbl"
PopupControlID="PnlUpdate" BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>
<asp:Panel ID="PnlUpdate" runat="server" Width="500px" CssClass="popup" Height="500px" >
<asp:UpdatePanel ID="UpnlModal" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table width="100%">
<tr>
<td align="right">
<table width="100%" align="center">
<tr>
<td class="Heading" align="center">
<asp:Label ID="lblHeading" runat="server"></asp:Label>
</td>
</tr>
</table>
<table align="center" width="70%">
<tr>
<td align="right" class="NormalText">
<asp:DataList ID="dlMovies" runat="server" RepeatDirection="Horizontal" RepeatColumns="1"
Width="100%">
<ItemTemplate>
<table align="center" width="70%">
<tr>
<td align="left">
<asp:Label ID="lblMovieName" runat="server"></asp:Label>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
Run Code Online (Sandbox Code Playgroud)
我想要它的scollbar. …