I am currently working on a hybrid project involving FullCalendar in MVC and Webforms for other pages. When I click on an event, all the details are displayed as expected. Recently, I added a 'More Details' button to the 'eventClick' modal so that I can navigate to an ASPX page showing detailed information about the event. However, I have been struggling to find a solution. Any suggestions?
View Picture of 'eventClick' Modal
@section Scripts{
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<script>
$(document).ready(function () {
// Your script logic goes here
})
</script>}
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><span id="eventTitle"></span></h4>
</div>
<div class="modal-body">
<p id="pDetails"></p>
</div>
<div class="modal-footer">
<a type="button" class="btn btn-default" href="" onclick="this.href = 'EqDetails.aspx?idid=' + document.getElementById('eventTitle').value">More Details</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>