Base solution for your next web application
Open Closed

padding in popup modal form #3945


User avatar
0
panic created

Hello, I have created a new _editModal.cshtml, but when I use it to edit a record the padding is zero. How do you recommend to fix this? Many thanks,

P.


7 Answer(s)
  • User Avatar
    0
    aaron created
    Support Team

    Are you missing the modal-body class?

    <div class="modal" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header"></div>
                <div class="modal-body"></div>
                <div class="modal-footer"></div>
            </div>
        </div>
    </div>
    
  • User Avatar
    0
    panic created

    Hello, Thank you for your immediate response! Below is the code of the modal that has the 'padding' problem, and further below there is another code of a modal that has no problems and I just took it and removed the tabs and some fields. Is there anything to be added in the .css/.less file inside the view-resource of the wwwroot? Many thanks,

    P.

    @using MyAssetMan.Entities
    @using MyAssetMan.Web.Areas.App.Models.Common.Modals
    @using MyAssetMan.Web.Areas.App.Models.Parameters
    @using Abp.Extensions
    @Html.Partial("~/Areas/App/Views/Common/Modals/_ModalHeader.cshtml", new ModalHeaderViewModel(L("EditParameter")))
    @using MyAssetMan.Web.Areas.App.Models.Common.Modals
    @model EditParameterModalViewModel
    
    <div class="modal-body">
    
        <form role="form" novalidate class="form-validation">
    
            <input type="hidden" name="Id" value="@Model.Id" />
    
            <div class="row">
                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                    <input class="form-control@(Model.Name.IsNullOrEmpty() ? "" : " edited")" type="text" name="Name" value="@Model.Name" maxlength="@Parameter.MaxNameLength">
                    <label>@L("Name")</label>
                </div>
            </div>
    
            <div class="row">
                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                    <input class="form-control@(Model.Typeof.IsNullOrEmpty() ? "" : " edited")" type="text" name="Typeof" value="@Model.Typeof" maxlength="@Parameter.MaxTypeofLength">
                    <label>@L("Typeof")</label>
                </div>
            </div>
    
            <div class="row">
                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                    <input class="form-control@(Model.Valueof.IsNullOrEmpty() ? "" : " edited")" type="text" name="Valueof" value="@Model.Valueof" maxlength="@Parameter.MaxValueofLength">
                    <label>@L("Valueof")</label>
                </div>
            </div>
    
        </form>
    
    </div>
    
    @Html.Partial("~/Areas/App/Views/Common/Modals/_ModalFooterWithSaveAndCancel.cshtml")
    
    @using MyAssetMan.Entities
    @using MyAssetMan.Web.Areas.App.Models.Common.Modals
    @using MyAssetMan.Web.Areas.App.Models.Makers
    @using Abp.Extensions
    @Html.Partial("~/Areas/App/Views/Common/Modals/_ModalHeader.cshtml", new ModalHeaderViewModel("Edit Maker"))
    @using MyAssetMan.Web.Areas.App.Models.Common.Modals
    @model EditMakerModalViewModel
    
    <div class="modal-body">
        <form role="form" novalidate class="form-validation">
    
            <input type="hidden" name="Id" value="@Model.Id" />
    
            <div class="tabbable-line">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#NameTab" data-toggle="tab" aria-expanded="true">
                            @L("NameTab")
                        </a>
                    </li>
                    <li class="">
                        <a href="#MakerTab" data-toggle="tab" aria-expanded="false">
                            @L("MakerTab")
                        </a>
                    </li>
                    <li class="">
                        <a href="#TextnoteTab" data-toggle="tab" aria-expanded="false">
                            @L("TextnoteTab")
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="NameTab">
    
                        <div class="row">
                            <div class="md-checkbox-list">
                                <div class="col-sm-3">
                                </div>
                                <div class="col-sm-3">
                                </div>
                                <div class="col-sm-3">
                                </div>
                                <div class="col-sm-3">
                                    <div class="md-checkbox">
                                        <input id="Isactive" class="md-check" type="checkbox" name="Isactive" value="true" @Html.Raw(Model.Isactive ? "checked=\"checked\"" : "")>
                                        <label for="Isactive" data-toggle="tooltip" title="@L("Isactive_Hint")">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span>
                                            @L("Isactive")
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Code.IsNullOrEmpty() ? "" : " edited")" type="text" name="Code" value="@Model.Code" maxlength="@Maker.MaxCodeLength">
                                    <label>@L("Code")</label>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Company.IsNullOrEmpty() ? "" : " edited")" type="text" name="Company" value="@Model.Company" maxlength="@Maker.MaxCompanyLength">
                                    <label>@L("Company")</label>
                                </div>
                            </div>
                        </div>
    
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Title.IsNullOrEmpty() ? "" : " edited")" type="text" name="Title" value="@Model.Title" maxlength="@Maker.MaxTitleLength">
                                    <label>@L("Title")</label>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Firstname.IsNullOrEmpty() ? "" : " edited")" type="text" name="Firstname" value="@Model.Firstname" maxlength="@Maker.MaxNameLength">
                                    <label>@L("Name")</label>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Surname.IsNullOrEmpty() ? "" : " edited")" type="text" name="Surname" value="@Model.Surname" maxlength="@Maker.MaxNameLength">
                                    <label>@L("Surname")</label>
                                </div>
                            </div>
                        </div>
    
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Typeof.IsNullOrEmpty() ? "" : " edited")" type="text" name="Typeof" value="@Model.Typeof" maxlength="@Maker.MaxTypeofLength">
                                    <label>@L("Typeof")</label>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <label>@L("Department")</label>
                                </div>
                            </div>
                        </div>
    
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Telephone.IsNullOrEmpty() ? "" : " edited")" type="text" name="Telephone" value="@Model.Telephone" maxlength="@Maker.MaxTeleLength">
                                    <label>@L("Telephone")</label>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Email.IsNullOrEmpty() ? "" : " edited")" type="email" name="Email" value="@Model.Email" maxlength="@Maker.MaxEmailLength">
                                    <label>@L("Email")</label>
                                </div>
                            </div>
                        </div>
    
                    </div>
                    <div class="tab-pane" id="MakerTab">
    
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Telephonealt.IsNullOrEmpty() ? "" : " edited")" type="text" name="Telephonealt" value="@Model.Telephonealt" maxlength="@Maker.MaxTeleLength">
                                    <label>@L("Telephonealt")</label>
                                </div>
                            </div>
                            <div class="col-sm-8">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Emailalt.IsNullOrEmpty() ? "" : " edited")" type="email" name="Emailalt" value="@Model.Emailalt" maxlength="@Maker.MaxEmailLength">
                                    <label>@L("Emailalt")</label>
                                </div>
                            </div>
                        </div>
    
                        <div class="form-group form-md-line-input form-md-floating-label no-hint">
                            <input class="form-control@(Model.Website.IsNullOrEmpty() ? "" : " edited")" type="text" name="Website" value="@Model.Website" maxlength="@Maker.MaxWebLength">
                            <label>@L("Website")</label>
                        </div>
    
                        <div class="form-group form-md-line-input form-md-floating-label no-hint">
                            <textarea class="form-control@(Model.Address.IsNullOrEmpty() ? "" : " edited")" name="Address" rows="4" maxlength="@Maker.MaxAddressLength">@Model.Address</textarea>
                            <label>@L("Address")</label>
                        </div>
    
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Postalarea.IsNullOrEmpty() ? "" : " edited")" type="text" name="Postalarea" value="@Model.Postalarea" maxlength="@Maker.MaxPostalAreaLength">
                                    <label>@L("Postalarea")</label>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Postalcode.IsNullOrEmpty() ? "" : " edited")" type="text" name="Postalcode" value="@Model.Postalcode" maxlength="@Maker.MaxPostalCodeLength">
                                    <label>@L("Postalcode")</label>
                                </div>
                            </div>
                        </div>
    
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.City.IsNullOrEmpty() ? "" : " edited")" type="text" name="City" value="@Model.City" maxlength="@Maker.MaxCityLength">
                                    <label>@L("City")</label>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group form-md-line-input form-md-floating-label no-hint">
                                    <input class="form-control@(Model.Country.IsNullOrEmpty() ? "" : " edited")" type="text" name="Country" value="@Model.Country" maxlength="@Maker.MaxCountryLength">
                                    <label>@L("Country")</label>
                                </div>
                            </div>
                        </div>
    
                    </div>
                    <div class="tab-pane" id="TextnoteTab">
                        <div class="form-group form-md-line-input form-md-floating-label no-hint">
                            <textarea class="form-control@(Model.Textnote.IsNullOrEmpty() ? "" : " edited")" name="Textnote" rows="8" maxlength="@Maker.MaxTextLength">@Model.Textnote</textarea>
                            <label>@L("Textnote")</label>
                        </div>
                    </div>
                </div>
            </div>
    
        </form>
    </div>
    
    @Html.Partial("~/Areas/App/Views/Common/Modals/_ModalFooterWithSaveAndCancel.cshtml")
    
  • User Avatar
    0
    aaron created
    Support Team

    Do you mean calling EditMakerModalViewModel at the same place works? Or it works in a different view?

  • User Avatar
    0
    panic created

    Hello, I have 2 different entities: Parameter and Maker, which for both I included their respective _EditModal code in the previous post. They exist in separate views. The Maker modal works fine without any padding issues but the parameter modal is the problematic I would like to fix. Based on your recommendations in the initial reply, both of my modals only use

    <div class="modal-body">
    

    , however, the Maker modal shows up ok, but the Parameter modal has the issue. Thank you,

    P.

  • User Avatar
    0
    aaron created
    Support Team

    Can you check that bootstrap.css is loaded?

    A quick fix would be to add:

    <style>
        .modal-body {
            padding: 15px;
        }
    </style>
    
  • User Avatar
    0
    panic created

    Hello, Below is the _Layout.cshtml that includes bootstrap. Is there any specific order to follow when including css? Also, thank you for your quick fix. Should the quick fix code be placed in a specific file, i.e. index.cshtml, or inside the modal? <style> .modal-body { padding: 15px; } </style> Thank you.

    @using System.Globalization
    @using System.Threading.Tasks
    @using Abp.MultiTenancy
    @using MyAssetMan.Features
    @using MyAssetMan.Timing
    @using MyAssetMan.Web.Areas.App.Views.Shared.Components.AppFooter
    @using MyAssetMan.Web.Areas.App.Views.Shared.Components.AppHeader
    @using MyAssetMan.Web.Areas.App.Views.Shared.Components.AppSideBar
    @using MyAssetMan.Web.Resources
    @using Abp.Web.Security.AntiForgery
    @using MyAssetMan.Chat.SignalR
    @using MyAssetMan.Url
    @using MyAssetMan.Web.Session
    @using CultureHelper = MyAssetMan.Localization.CultureHelper
    @inject ScriptPaths ScriptPaths
    @inject AppTimes AppTimes
    @inject IAbpAntiForgeryManager AbpAntiForgeryManager
    @inject IWebUrlService WebUrlService
    @inject IPerRequestSessionCache SessionCache
    @{
        AbpAntiForgeryManager.SetCookie(Context);
    
        var isChatEnabled = SignalRFeature.IsAvailable && (AbpSession.MultiTenancySide == MultiTenancySides.Host || IsFeatureEnabled(AppFeatures.ChatFeature));
    }
    <!DOCTYPE html>
    <html lang="en" @(CultureHelper.IsRtl ? "dir=\"rtl\"" : "")>
    <head>
        <title>MyAssetMan</title>
        <meta charset="utf-8" />
    
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
    
        <link rel="shortcut icon" href="~/favicon.ico" />
    
        <environment names="Development">
            <link rel="stylesheet" href="~/fonts/fonts-open-sans.css" asp-append-version="true" />
    
            @* Bundled: view-resources/Areas/App/Views/_Bundles/layout-libs[-rtl].min.css *@
            <link rel="stylesheet" href="~/lib/jquery-ui/themes/base/jquery-ui.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/simple-line-icons/css/simple-line-icons.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/famfamfam-flags/dist/sprite/famfamfam-flags.css" asp-append-version="true" />
            <link rel="stylesheet" href="@(CultureHelper.IsRtl ? "~/metronic/assets/global/plugins/bootstrap/css/bootstrap-rtl.css" : "~/lib/bootstrap/dist/css/bootstrap.css")" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/uniform/css/uniform.default.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/jstree/dist/themes/default/style.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/toastr/toastr.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/sweetalert/dist/sweetalert.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/bootstrap-daterangepicker/daterangepicker.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/bootstrap-select/dist/css/bootstrap-select.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/Jcrop/css/Jcrop.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/plugins/datatables/datatables.min.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/css/components@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/css/plugins@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/css/components-md@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/global/css/plugins-md@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/admin/layout4/css/layout@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/metronic/assets/admin/layout4/css/themes/light@(CultureHelper.IsRtl ? "-rtl" : "").css" asp-append-version="true" />
            <link rel="stylesheet" href="~/Common/_Bundles/common-styles.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/Common/Scripts/Datatables/datatables.css" asp-append-version="true" />
            
            <link rel="stylesheet" href="~/lib/select2/dist/css/select2.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/lib/select2-bootstrap-theme/dist/select2-bootstrap.css" asp-append-version="true" />
    
            @if (isChatEnabled)
            {
                <link rel="stylesheet" href="~/view-resources/Areas/App/Views/Layout/_ChatBar.css" asp-append-version="true" />
            }
    
            <link rel="stylesheet" href="~/view-resources/Areas/App/Views/Layout/_Layout.css" asp-append-version="true" />
    
            @* Kendo UI styles *@
            <link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.common.min.css" />
            <link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.default-v2.min.css" />
        </environment>
    
        <environment names="Staging,Production">
            <link rel="stylesheet" href="~/fonts/fonts-open-sans.css" asp-append-version="true" />
            <link rel="stylesheet" href="~/view-resources/Areas/App/Views/_Bundles/layout-libs@(CultureHelper.IsRtl ? "-rtl" : "").min.css" asp-append-version="true" />
    
            <link rel="stylesheet" href="~/Common/_Bundles/common-styles.min.css" asp-append-version="true" />
    
            @if (isChatEnabled)
            {
                <link rel="stylesheet" href="~/view-resources/Areas/App/Views/Layout/_ChatBar.min.css" asp-append-version="true" />
            }
    
            <link rel="stylesheet" href="~/view-resources/Areas/App/Views/Layout/_Layout.min.css" asp-append-version="true" />
    
            @* Kendo UI styles *@
            <link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.common.min.css" />
            <link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.default-v2.min.css" />
        </environment>
    
        @RenderSection("Styles", false)
    
        @{ var loginInfo = await SessionCache.GetCurrentLoginInformationAsync(); }
        @if (loginInfo.Tenant?.CustomCssId != null)
        {
            
            <link id="TenantCustomCss" rel="stylesheet" href="@Url.Action("GetCustomCss", "TenantCustomization", new { area = string.Empty, id = loginInfo.Tenant.CustomCssId.Value })" asp-append-version="true" />
        }
    
        <script type="text/javascript">
            @* This is used to get the application's root path from javascript.
            It's useful if you're running application in a virtual directory under IIS. *@
            var abp = abp || {}; abp.appPath = '@ApplicationPath';
        </script>
    
        <environment names="Development">
            @* Bundled: view-resources/Areas/App/Views/_Bundles/layout-libs.min.js *@
            <script src="~/lib/json2/json2.js" asp-append-version="true"></script>
            <script src="~/lib/jquery/dist/jquery.js" asp-append-version="true"></script>
            <script src="~/lib/jquery-ui/jquery-ui.js" asp-append-version="true"></script>
            <script src="~/lib/jquery-validation/dist/jquery.validate.js" asp-append-version="true"></script>
            <script src="~/lib/bootstrap/dist/js/bootstrap.js" asp-append-version="true"></script>
            <script src="~/lib/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js" asp-append-version="true"></script>
            <script src="~/lib/jquery-slimscroll/jquery.slimscroll.js" asp-append-version="true"></script>
            <script src="~/lib/blockUI/jquery.blockUI.js" asp-append-version="true"></script>
            <script src="~/lib/js-cookie/src/js.cookie.js" asp-append-version="true"></script>
            <script src="~/lib/uniform/jquery.uniform.js" asp-append-version="true"></script>
            <script src="~/lib/jquery-form/jquery.form.js" asp-append-version="true"></script>
            <script src="~/lib/purl/purl.js" asp-append-version="true"></script>
            <script src="~/lib/Jcrop/js/jquery.color.js" asp-append-version="true"></script>
            <script src="~/lib/Jcrop/js/Jcrop.js" asp-append-version="true"></script>
            <script src="~/lib/jquery-timeago/jquery.timeago.js" asp-append-version="true"></script>
            <script src="~/lib/signalr/jquery.signalR.js" asp-append-version="true"></script>
            <script src="~/lib/localforage/dist/localforage.js" asp-append-version="true"></script>
            <script src="~/lib/jstree/dist/jstree.js" asp-append-version="true"></script>
            <script src="~/lib/bootstrap-switch/dist/js/bootstrap-switch.js" asp-append-version="true"></script>
            <script src="~/lib/spin.js/spin.js" asp-append-version="true"></script>
            <script src="~/lib/spin.js/jquery.spin.js" asp-append-version="true"></script>
            <script src="~/lib/sweetalert/dist/sweetalert-dev.js" asp-append-version="true"></script>
            <script src="~/lib/toastr/toastr.js" asp-append-version="true"></script>
            <script src="~/lib/moment/min/moment-with-locales.js" asp-append-version="true"></script>
            <script src="~/lib/moment-timezone/builds/moment-timezone-with-data.js" asp-append-version="true"></script>
            <script src="~/lib/bootstrap-daterangepicker/daterangepicker.js" asp-append-version="true"></script>
            <script src="~/lib/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js" asp-append-version="true"></script>
            <script src="~/lib/bootstrap-select/dist/js/bootstrap-select.js" asp-append-version="true"></script>
            <script src="~/lib/underscore/underscore.js" asp-append-version="true"></script>
            <script src="~/lib/mustache.js/mustache.js" asp-append-version="true"></script>
            <script src="~/lib/tether/dist/js/tether.js" asp-append-version="true"></script>
            <script src="~/lib/push.js/push.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/abp.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.jquery.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.toastr.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.blockUI.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.spin.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.sweet-alert.js" asp-append-version="true"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js" asp-append-version="true"></script>
            <script src="~/metronic/assets/global/scripts/datatable.js" asp-append-version="true"></script>
            <script src="~/metronic/assets/global/plugins/datatables/datatables.all.min.js" asp-append-version="true"></script>
            <script src="~/metronic/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" asp-append-version="true"></script>
            <script src="~/lib/select2/dist/js/select2.js" asp-append-version="true"></script>
            @* Kendo UI scripts after jQuery *@
            <script src="~/lib/kendo-ui/js/pako.min.js" asp-append-version="true"></script> 
            <script src="~/lib/kendo-ui/js/kendo.all.min.js" asp-append-version="true"></script>
            <script src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js" asp-append-version="true"></script>
        </environment>
        <environment names="Staging,Production">
            <script src="~/view-resources/Areas/App/Views/_Bundles/layout-libs.min.js" asp-append-version="true"></script>
            @* Kendo UI scripts after jQuery *@
            <script src="~/lib/kendo-ui/js/kendo.all.min.js" asp-append-version="true"></script>
            <script src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js" asp-append-version="true"></script>
        </environment>
    
    </head>
    
    
    
    
    
    
    
    
    
    
    
    <body class="page-md page-header-fixed page-sidebar-closed-hide-logo">
    
        <div class="page-header navbar navbar-fixed-top md-shadow-zero-light">
            @await Component.InvokeAsync(typeof(AppHeaderViewComponent))
        </div>
    
        <div class="clearfix">
        </div>
    
        <div class="page-container">
            <div class="page-sidebar-wrapper">
                @await Component.InvokeAsync(typeof(AppSideBarViewComponent), new { currentPageName = ViewBag.CurrentPageName })
            </div>
            <div class="page-content-wrapper">
                <div class="page-content">
                    @RenderBody()
                </div>
            </div>
            @if (isChatEnabled)
            {
                @Html.Partial("~/Areas/App/Views/Layout/_ChatBar.cshtml")
            }
        </div>
    
        <div class="page-footer">
            @await Component.InvokeAsync(typeof(AppFooterViewComponent))
        </div>
    
        <script src="@ScriptPaths.JQuery_Validation_Localization" asp-append-version="true"></script>
        <script src="@ScriptPaths.Bootstrap_Select_Localization" asp-append-version="true"></script>
        <script src="@ScriptPaths.JQuery_Timeago_Localization" asp-append-version="true"></script>
        <script src="@ScriptPaths.Select2_Localization" asp-append-version="true"></script>
    
        <script>
            abp.localization.defaultSourceName = '@LocalizationSourceName';
            moment.locale('@CultureInfo.CurrentUICulture.Name'); //Localizing moment.js
        </script>
    
        
        <script src="~/AbpServiceProxies/GetAll?v=@(AppTimes.StartupTime.Ticks)" type="text/javascript"></script>
        <script src="~/AbpScripts/GetScripts?v=@(AppTimes.StartupTime.Ticks)" type="text/javascript"></script>
    
        @if (SignalRFeature.IsAvailable)
        {
            
            <script src="~/signalr/hubs"></script>
            <script src="~/lib/abp-web-resources/Abp/Framework/scripts/libs/abp.signalr.js" asp-append-version="true"></script>
        }
    
        <environment names="Development">
            @* Bundled: view-resources/Areas/App/Views/_Bundles/layout-metronic.min.js *@
            <script src="~/metronic/assets/global/scripts/app.js" asp-append-version="true"></script>
            <script src="~/metronic/assets/admin/layout4/scripts/layout.js" asp-append-version="true"></script>
            <script src="~/metronic/assets/layouts/global/scripts/quick-sidebar.js" asp-append-version="true"></script>
        </environment>
    
        <environment names="Staging,Production">
            <script src="~/view-resources/Areas/App/Views/_Bundles/layout-metronic.min.js" asp-append-version="true"></script>
        </environment>
    
        <script type="text/javascript">
            App.setAssetsPath(abp.appPath + 'metronic/assets/');
            abp.localization.currentCulture = $.extend({}, abp.localization.currentCulture, { displayNameEnglish: '@CultureInfo.CurrentUICulture.EnglishName'});
        </script>
    
        <environment names="Development">
            @* Bundled (not minified) for all scripts in Common/Scripts folder. Minified: wwwroot/Common/_Bundles/common-scripts.min.js *@
            <script src="~/Common/_Bundles/common-scripts.js" asp-append-version="true"></script>
            @* Bundled (not minified) for all scripts in view-resources/Areas/App/Common/Scripts folder. Minified: view-resources/Areas/App/Common/_Bundles/common-scripts.js *@
            <script src="~/view-resources/Areas/App/Common/_Bundles/common-scripts.js" asp-append-version="true"></script>
            <script src="~/view-resources/Areas/App/Views/Layout/_Header.js" asp-append-version="true"></script>
            @if (isChatEnabled)
            {
                <script src="~/view-resources/Areas/App/Views/Layout/_ChatBar.js" asp-append-version="true"></script>
            }
        </environment>
    
        <environment names="Staging,Production">
            <script src="~/Common/_Bundles/common-scripts.min.js" asp-append-version="true"></script>
            <script src="~/view-resources/Areas/App/Common/_Bundles/common-scripts.min.js" asp-append-version="true"></script>
            <script src="~/view-resources/Areas/App/Views/Layout/_Header.min.js" asp-append-version="true"></script>
            @if (isChatEnabled)
            {
                <script src="~/view-resources/Areas/App/Views/Layout/_ChatBar.min.js" asp-append-version="true"></script>
            }
        </environment>
    
        <script type="text/javascript">
            app.supportsTenancyNameInUrl = @(WebUrlService.SupportsTenancyNameInUrl.ToString().ToLowerInvariant());
        </script>
    
        @RenderSection("Scripts", false)
    </body>
    </html>
    
  • User Avatar
    0
    aaron created
    Support Team

    Are both modals using the same _Layout.cshtml file?

    You should put the quick fix close to where it is required - in the same file as the modal.