My requirement was to add an icon in the same line in which the date is displayed in fullcalendar.cs.
Since i didn't found any event which gave me exact result i decided to go and edit fullcalendar.js.
I had used cell.prepend to add the images but that moved the images on the top and day numbers were coming on the 2nd line.
html += "<div class='fc-day-number'><img class='fc-state-default' src=\"../../icon.png\"/><label style=\"horizontal-align: left; margin-right:22px\"> Virtual/Synchronous</label> " + cellDate.getDate() + "</div>";
This above line work perfectly when i am running the application through visual studio. Image is displayed as expected
But when i published the same code in IIS then then images does come up in the hosted application.
I do checked all the IIS setting , but not able to figure out if this is because of IIS setting or any css of fullcalendar.js
According to your description, I think this is because IIS not find icon.png. You can try to create an images directory in the project to store icon.png:
Note that the images directory is in the root directory of the project.
Modify the path of the picture in html:
<img class='fc-state-default' src=\"~/images/icon.png\"/>
This was helpful , there was a script for my application to goto root directory and then i had to add the image path. So Yes after adding the root directory to image path it worked.