Вызов boostrap modal div как partialview из контроллера
Привет!
У меня есть проблема с вызовом partialView, который имеет модальную форму boostrap от controller .Controller возвращает полный вид страницы без какого-либо css .Как я могу это исправить?
строка из index.cshtml, вызывающая контроллер
<p><a class="btn btn-outline-white btn-lg ftco-animate"asp-controller="Rezervacija" asp-action="Index" >Reservation</a></p>
(Rezervacija:Controller Index:action) возвращает модальный as partialView
public IActionResult Index() { return PartialView("~/Views/Rezervacija/Rezervacija.cshtml"); }
а вот модальная форма из reservation.cshtml
<div class="modal fade" id="reservationModal" tabindex="-1" role="dialog" aria-labelledby="reservationModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="row"> <div class="col-lg-4 bg-image" style="background-image: url(images/bg_3.jpg);"></div> <div class="col-lg-8 p-5"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <small>CLOSE </small><span aria-hidden="true">×</span> </button> <h1 class="mb-4">Reserve A Table</h1> <form action="#" method="post"> <div class="row"> <div class="col-md-6 form-group"> <label asp-for="Ime">Ime</label> <input type="text" class="form-control" asp-for="Ime"> </div> <div class="col-md-6 form-group"> <label asp-for="Prezime">Last Name</label> <input type="text" class="form-control" asp-for="Prezime"> </div> </div> <div class="row"> <div class="col-md-12 form-group"> <label for="m_email">Email</label> <input type="email" class="form-control" asp-for="Email"> </div> </div> </form> </div> </div> </div> </div> </div>
Что я уже пробовал:
Попробовал вызвать его как вид из контроллера,
включены все необходимые библиотеки,
и в Rezervacija.cshtml по(Вид partialView) в комплекте
<script type="text/javascript"> $(document).ready(function () { $("#reservationModal").modal('show'); }); </script>
Я ценю любую помощь!!!