Note that there are some explanatory texts on larger screens.

plurals
  1. POasp.net ModalPopupExtender : need to show scroll bar when overflow
    primarykey
    data
    text
    <p>I display a gridview in a ModalPopupExtender. When the screen resolution is to small, the pop-up is to big to all be displayed on the page.</p> <p>I just want to add scroll bar to the pop-up when this happen. </p> <p>I know it's probably some CSS, but all I tried did not work.</p> <p>here some base css</p> <pre><code>.modalTextBoxBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalTextBox { border: 1px solid #FFFFFF; background-color: #0066CC; color: #00FFFF; } </code></pre> <p>here some code from the aspx</p> <pre><code>&lt;asp:Panel ID="OptionSelectionPanel" runat="server" CssClass="modalTextBox"&gt; &lt;asp:UpdatePanel ID="OptionSelectionUpdatePanel" runat="server" UpdateMode="Conditional" &gt; &lt;Triggers&gt; &lt;asp:asyncPostBackTrigger ControlID="TemplateSelection" /&gt; &lt;/Triggers&gt; &lt;ContentTemplate&gt; &lt;table class="EditRow"&gt; &lt;tr class="HeaderFooter"&gt; &lt;td colspan="3" class="modalTextBoxTitle"&gt; Add options to Quote &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; Manufacturer &lt;/td&gt; &lt;td&gt; &lt;asp:DropDownList ID="OptionManufacturerFilter" runat="server" DataSourceID="OptionManufacturerDataSource" DataTextField="Name" DataValueField="Code" AutoPostBack="True" &gt; &lt;/asp:DropDownList&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="3"&gt; &lt;asp:GridView ID="NewOptionSelection" runat="server" DataSourceID="AvailableOptions" DataKeyNames="Option_Id" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="false"&gt; &lt;Columns&gt; &lt;asp:BoundField DataField="category_Descr" HeaderText="Category" SortExpression="category_Descr,subcategory_Descr,code" /&gt; &lt;asp:BoundField DataField="subcategory_Descr" HeaderText="Sub-Category" SortExpression="subcategory_Descr,code" /&gt; &lt;asp:BoundField DataField="Manuf_Name" HeaderText="Manufacturer" SortExpression="Manuf_Name"/&gt; &lt;/Columns&gt;&lt;/asp:GridView&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="HeaderFooter"&gt; &lt;td colspan="3" class="Center"&gt; &lt;asp:Button ID="OptionSelectionClose" runat="server" Text="Close" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/asp:Panel&gt; &lt;asp:Button runat="server" ID="HiddenTargetControlForOptionSelectionModalPopup" style="display:none"/&gt; &lt;cc1:ModalPopupExtender ID="OptionSelectionModalPopupExtender" runat="server" TargetControlID="HiddenTargetControlForOptionSelectionModalPopup" PopupControlID="OptionSelectionPanel" BackgroundCssClass="modalTextBoxBackground" /&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload