CSS Стиль потерян в модальном всплывающем окне - PullRequest
0 голосов
/ 03 мая 2020

У меня есть веб-приложение, я использую модальные всплывающие окна для обновления и вставки, мне нужен выпадающий список без обратной передачи, поэтому я поместил модал в панель обновления. Это работает, но элементы html теряют стили css.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     <%--Link para ModalPopup como TargetControlID--%>
        <asp:LinkButton ID="lnkFake_BoxIng" runat="server"></asp:LinkButton>
        <asp:Panel ID="pnl_BoxIng" runat="server" CssClass="modalPopup" Style="display: none;">
            <div style="overflow-y: auto; overflow-x: hidden; max-height: 750px; max-width: 1100px">
                <div class="modal-header">
                    <b>
                        <asp:Label ID="lblHeading_BoxIng" runat="server" CssClass="modal-title"></asp:Label></b>
                </div>
                <div class="modal-body">
                    <div class="form-row">
                        <div class="form-group col-3">
                            <label for="ddlBoxIng_Filial">Filial Cliente</label>
                            <asp:DropDownList ID="ddlBoxIng_Filial" runat="server" class="chzn-select" Style="width: 170px;"
                                AutoPostBack="true" OnSelectedIndexChanged="ddlBoxIng_Filial_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                        <div class="form-group col-3">
                            <label for="ddlBoxIng_Depart">Departamento</label>
                            <asp:DropDownList ID="ddlBoxIng_Depart" runat="server" class="chzn-select" Style="width: 170px;"
                                AutoPostBack="true" OnSelectedIndexChanged="ddlBoxIng_Depart_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                        <div class="form-group col-3">
                            <label for="txtBoxIng_Cantid">Cantidad Cajas</label>
                            <asp:TextBox ID="txtBoxIng_Cantid" runat="server" CssClass="form-control inputfield" Style="width: 170px;"></asp:TextBox>
                            <asp:RegularExpressionValidator ID="revCantNum" ControlToValidate="txtBoxIng_Cantid" CssClass="text-danger" runat="server"
                                ErrorMessage="Solo Numeros" ValidationExpression="(^([0-9]*|\d*\d{1}?\d*)$)"
                                Font-Size="XX-Small" ValidationGroup="BoxIng">
                            </asp:RegularExpressionValidator>
                        </div>
                    </div>

                    <div align="center" class="modal-footer">
                    <div class="row">
                        <div class="col-md-12">
                            <asp:HiddenField ID="hfBoxIngId" runat="server" Value="0" />
                            <asp:Button ID="btnSave" runat="server" Text="Crear" class="btn btn-success" OnClick="Cajas_Crear"
                                ValidationGroup="BoxIng" UseSubmitBehavior="false" data-dismiss="alert"></asp:Button>
                            <!-- UseSubmitBehavior="false" sirve para que se pueda ejecutar accion en el modal -->
                            <button id="btnCancelIng" runat="server" class="btn btn-primary">
                                Cancelar
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </asp:Panel>

        <%--mpeAddUpdateCaja Modal Popup Extender For pnlAddUpdateClienteDetails--%>
        <uc:ModalPopupExtender ID="mpeBoxIngreso" runat="server" PopupControlID="pnl_BoxIng"
            TargetControlID="lnkFake_BoxIng" BehaviorID="mpeBoxIngreso" CancelControlID="btnCancelIng"
            BackgroundCssClass="modalBackground">
        </uc:ModalPopupExtender>

    </ContentTemplate>

Я использую главную страницу, так что содержит менеджер сценариев. Пожалуйста, у кого-нибудь есть идея? Я не очень хорош в javascript.

заранее спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...