[Forum FAQ]Open Calendar Overlay item In a Modal Dialog

Question

Introduction:
In SharePoint Calendar, there is a feature called Calendar Overlay, it would display multiple Calendars items in one Calendar. However, when we click the items in Calendar Overlay, it would redirect to a new tab.
In this article, I would make a simple demo about how to use the JQuery to make the Calendar Overlay item open in the same window, as known as, open in a modal dialog.
Solution:
We can add the following code in Calendar view page using SharePoint Designer or paste the code within a Content Edit Web Part.
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
setInterval(function () {
$("a[href*='DispForm.aspx']").each(function () {
$(this).attr("onclick", "openDialog('" + $(this).text() + "','" + $(this).attr("href") + "')");
$(this).attr("href", "javascript:void(0)");
$(this).removeAttr("target");
}, 900);
function openDialog(title, url) {
var options = {
title: "Calendar - " + title,
autoSize:true,
url: url
SP.UI.ModalDialog.showModalDialog(options);
</script>
Result:
Please click to vote if the post helps you. This can be beneficial to other community members reading the thread.

Answer 1

How about "launch as dialog: yes" from advance settings. If I click on blue<any> color but not hyperlink, it will open in modal.
[email protected]