Ретранслятор ASP, перекрывающий модальный расширитель

#asp.net #bootstrap-4 #asprepeater

Вопрос:

У нас есть повторитель asp (журнал) внутри панели ASP, который отображается с помощью кнопки. Это работает хорошо, но если в ретрансляторе более 20 записей, он просто заполняет весь экран и не остается в модальной/таблице.

 <asp:Panel ID="pnlLog" runat="server" CssClass="modal-dialog modal-dialog-centered modal-lg" Style="display: none;">
                        <div class="modal-dialog modal-dialog-centered modal-lg">
                            <div class="modal-content">
                                <div class="modal-header d-flex justify-content-center" style="text-align: center !important; display: contents;">
                                    <h5 class="modal-title" id="headLog"><i class="fa fa-address-card prefix"></i>amp;nbsp;amp;nbsp;amp;nbsp;Log</h5>
                                </div>
                                <div class="modal-body text-center">
                                    <asp:Repeater ID="rpBitacora" runat="server">
                                        <HeaderTemplate>
                                            <table id="Table1" border="1" class="table table-striped table-bordered table-sm">
                                                <tr>
                                                    <th scope="col">Id
                                                    </th>
                                                    <th scope="col">Log Entry
                                                    </th>
                                                </tr>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <%#Eval("userId")%>
                                                </td>
                                                <td>
                                                    <%#Eval("descripcion")%><br />
                                                    <small class="text-muted">Created on <%#Eval("fecha")%></small>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            </table>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                    <div class="modal-footer">
                                        <div class="col-sm-12">
                                            <asp:Button ID="Button3" runat="server" CssClass="btn btn-primary" Text="Close" OnClick="closeBtnLog_Click" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </asp:Panel>
 

Это выглядит так… когда мало записей

введите описание изображения здесь

Это выглядит так… с большим количеством записей

введите описание изображения здесь

Комментарии:

1. это проблема css, просто добавьте auto прокрутку в модальном диалоговом окне