Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I just found this.</p> <p><a href="http://forums.asp.net/t/1314427.aspx" rel="noreferrer">ModalPopupExtender does not show scroll bar</a></p> <p>it was still not working, but it was because I use a masterpage, so I solved this using the <code>ClientID</code>. </p> <p>(note: to center that inner <code>asp:panel</code> vertically, the only thing I found was to put it into a Table cell using <code>style="vertical-align:middle"</code>. I also need set <code>OptionSelectionTable</code>'s height using JavaScript because <code>height="100%"</code> fail with some browser.)</p> <pre><code>&lt;script type="text/javascript"&gt; function pageLoad() { $get('&lt;%= OptionSelectionPanel.ClientID %&gt;').style.height = document.documentElement.clientHeight * 0.9 + "px"; $get('&lt;%= OptionSelectionTable.ClientID %&gt;').style.height = document.documentElement.clientHeight * 0.9 + "px"; } &lt;/script&gt; </code></pre> <p>I also had to add the <code>HorizontalAlign="Center"</code> and <code>ScrollBars="Auto"</code> and to the <code>Panel ID="OptionSelectionPanel"</code> (the modalpopup's <code>PopupControlID</code>).</p> <p>I moved the <code>CssClass="modalTextBox"</code> to an inner <code>asp:panel</code> and restored the <code>HorizontalAlign="Left"</code>.</p> <pre><code> &lt;asp:Panel ID="OptionSelectionPanel" runat="server" HorizontalAlign="Center" ScrollBars="auto"&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 ID="OptionSelectionTable" runat="server" border="0" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td style="vertical-align:middle"&gt; &lt;asp:Panel ID="OptionSelectionInnerPanel" runat="server" HorizontalAlign="Left" CssClass="modalTextBox"&gt; &lt;table class="EditRow"&gt; ...... &lt;/table&gt; &lt;/asp:Panel&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/asp:Panel&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.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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