I’m trying to add a Calendar widget to one page so that I can figure out what my RSS feed is going to look like but I can’t get it to work. I have added the Calendar widget to a page called Calendar and configured it. Then I have created a new page called Test Event and set the options in the Meta Data for the Calendar and selected the calendar that I wanted it to show on.
When I go to look at the page in “Preview”, I can’t see the calendar.
Hi Matt,
Does the calendar Widget appear as a full calendar while viewing your page in the Content tab, does it simply show a plain box with text reading “This calendar is empty”, or do you not see the calendar at all?
I see the Calendar in the edit mode only when i disable javascript. When I do see it, it’s a full monthly calendar with boxes and everything.
Matt,
What JS do you have included on the page or template for that page? Many times we see conflicts because of JavaScript libraries, namely jQuery, being included. Since we package jQuery with the product, this causes a conflict and the behavior you are describing.
I did have the JQuery library included but I removed it and still have the problem. This is everything that is included in my additional head content
<meta charset="utf-8">
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width">
<title>Midwestern State University</title>
<!-- Included CSS Files (Uncompressed) -->
<link rel="stylesheet" href="/web_resources/themes/MSU/stylesheets/foundation.css">
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="/web_resources/themes/MSU/stylesheets/normalize.css">
<!--<link rel="stylesheet" href="stylesheets/foundation.min.css">-->
<link rel="stylesheet" href="/web_resources/themes/MSU/stylesheets/app.css">
<link rel="stylesheet" href="/web_resources/themes/MSU/stylesheets/style.css">
<link rel="stylesheet" href="/web_resources/themes/MSU/stylesheets/bx_styles.css">
<!--[if lt IE 7]> <br />
<style> <br />
* {
<br />
-webkit-box-sizing: border-box;
<br />
-moz-box-sizing: border-box;
<br />
box-sizing: border-box;
<br />
*behavior: url(/web_resources/themes/MSU/javascripts/box-sizing.htc);
<br />
} <br />
</style> <br />
<![endif]-->
<!-- Included JS Files (Compressed) -->
<script src="/web_resources/themes/MSU/javascripts/foundation.min.js"></script>
<!-- Initialize JS Plugins -->
<script src="/web_resources/themes/MSU/javascripts/app.js"></script>
<script type="text/javascript" src="/web_resources/themes/MSU/javascripts/modernizr.foundation.js"></script>
<script type="text/javascript" src="/web_resources/themes/MSU/javascripts/superfish.js"></script>
<script type="text/javascript" src="/web_resources/themes/MSU/javascripts/supersubs.js"></script>
<script type="text/javascript" src="/web_resources/themes/MSU/javascripts/jquery.bxSlider.min.js"></script>
<script type="text/javascript"> <br /><br />
$(document).ready(function(){ <br /><br />
$('#slider1').bxSlider({ <br />
auto: true <br />
,speed: 500 <br />
,pause: 10000 <br />
}); <br /><br />
$('#tabs div.tab').hide(); <br />
$('#tabs div.tab').first().show(); <br />
$('#tabs #tab-bar ul li:first').addClass('active'); <br /><br />
$('#tabs #tab-bar li a').click(function(){ <br />
$('#tabs #tab-bar li').removeClass('active'); <br />
$(this).parent().addClass('active'); <br />
var currentTab = $(this).attr('href'); <br />
$('#tabs div.tab').hide(); <br />
$(currentTab).show(); <br />
return false; <br />
}); <br /><br />
$('#quick-links-dd .dropdown ul li a').click(function(){ <br />
$('#ModalTest').reveal(); <br />
}); <br /><br />
//$('div.jHeight').each(function() { <br />
//$(this).height($('#content-section').height()); <br />
//}); <br /><br />
if ($(this).width() > 802) <br />
{ <br />
var JHmaxHeight = 0; <br /><br />
$('div.jHeight').each(function(){ <br />
if (JHmaxHeight < $(this).height()) { JHmaxHeight = $(this).height()} <br />
if (JHmaxHeight < $('#content-section').height()) { JHmaxHeight = $('#content-section').height()} <br />
}); <br /><br />
$('div.jHeight').height(JHmaxHeight); <br />
$('#home-sidebar').height(JHmaxHeight + 36); <br />
} <br />
else <br />
{ <br />
var JHmaxHeight = 0; <br /><br />
$('div.jHeight').each(function(){ <br />
if (JHmaxHeight < $(this).height()) { JHmaxHeight = $(this).height()} <br />
}); <br /><br />
$('div.quick-blurb').height(JHmaxHeight); <br />
$('div.link-area').height(JHmaxHeight); <br />
$('#home-sidebar').height('auto'); <br />
} <br /><br />
$('div.fWidget').each(function() { <br />
$(this).height($('#pre-footer').height()); <br />
}); <br />
}); <br /><br />
$(window).resize(function() { <br />
if ($(this).width() > 802) <br />
{ <br /><br />
var FWmaxHeight = 0; <br />
var JHmaxHeight = 0; <br />
$('div.fWidget').each(function() { <br />
if (FWmaxHeight < $(this).height()) {FWmaxHeight = $(this).height()} <br />
if (FWmaxHeight < $('#pre-footer').height()) { FWmaxHeight = $('#pre-footer').height()} <br />
}); <br /><br />
$('div.jHeight').each(function(){ <br />
if (JHmaxHeight < $(this).height()) { JHmaxHeight = $(this).height()} <br />
if (JHmaxHeight < $('#content-section').height()) { JHmaxHeight = $('#content-section').height()} <br />
}); <br /><br />
$('div.jHeight').height(JHmaxHeight); <br />
$('#home-sidebar').height(JHmaxHeight + 36); <br />
$('div.fWidget').height(FWmaxHeight); <br /><br />
} <br />
else <br />
{ <br />
$('div.jHeight').height('auto'); <br />
$('div.fWidget').height('auto'); <br />
} <br />
}); <br /><br />
$(document).ready(function(){
<br />
$("ul.sf-menu").supersubs({
<br />
minWidth:
12,
// minimum width of sub-menus in em units
<br />
maxWidth:
35,
// maximum width of sub-menus in em units
<br />
extraWidth:
0
// extra width can ensure lines don't sometimes turn over
<br />
// due to slight rounding differences and font-family
<br />
}).superfish();
// call supersubs first, then superfish, so that subs are
<br />
// not display:none when measuring. Call before initialising
<br />
// containing tabs for same reason.
<br />
}); <br /><br />
jQuery(document).ready(function($) {
<br />
$.ajax({
<br />
url : "http://api.wunderground.com/api/ab9643d27ff4b894/geolookup/conditions/q/TX/Wichita_Falls.json",
<br />
dataType : "jsonp",
<br />
success : function(parsed_json) {
<br />
var location = parsed_json['location']['city'];
<br />
var temp_f = parsed_json['current_observation']['temp_f']; <br />
var weather = parsed_json['current_observation']['weather'];
<br />
var condition; <br />
if (weather == 'Light Drizzle' || weather == 'Light Rain' || weather == 'Light Rain Showers') <br />
{ <br />
condition = ""; <br />
} <br />
else if (weather == 'Heavy Drizzle' || weather == 'Heavy Rain' || weather == 'Heavy Rain Showers') <br />
{ <br />
condition = ""; <br />
} <br />
else if (weather == 'Light Snow' || weather == 'Light Snow Grains' || weather == 'Light Freezing Drizzle' || weather == 'Light Freezing Rain') <br />
{ <br />
condition = ""; <br />
} <br />
else if (weather == 'Heavy Snow' || weather == 'Heavy Snow Grains' || weather == 'Heavy Freezing Drizzle' || weather == 'Heavy Freezing Rain') <br />
{ <br />
condition = ""; <br />
} <br />
else if (weather == 'Light Ice Crystals' || weather == 'Heavy Ice Crystals' || weather == 'Light Ice Pellets' || weather == 'Heavy Ice Pellets' || weather == 'Light Hail' || weather == 'Heavy Hail') <br />
{ <br />
condition = ""; <br />
} <br />
else if (weather == 'Partly Cloudy' || weather == 'Scattered Clouds' || weather == 'Overcast' ) <br />
{ <br />
condidtion = "" <br />
} <br />
else if (weather == 'Mostly Cloudy') <br />
{ <br />
condition = "&#ee007;" <br />
} <br />
else if (weather == 'Clear')
<br />
{ <br />
condition = "" <br />
} <br />
else <br />
{ <br />
condition = "" <br />
} <br />
var content = ("<i aria-hidden='true' data-icon='" + condition + "' class='weather-icons current-condition'></i><span>Currently " + temp_f + "<i aria-hidden='true' data-icon='' class='weather-icons'></i> and " + weather + "</span>"); <br />
$(".weather").append(content); <br />
}
<br />
});
<br />
}); <br />
</script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]> <br />
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <br />
<![endif]-->
<!--[if lte IE 7]><script src="/web_resources/themes/MSU/javascripts/lte-ie7.js" type="text/javascript"></script><![endif]-->
Matt,
I would be curious to know if commenting out the bxSlider JavaScript would resolve this. If not, you might try systematically commenting out JS references until you identify what is causing this conflict, at which point we can look into a more complete solution.
I commented out all the javascript on my page and it still wont show up. When I go into edit the page and go into the settings of the calendar widget and then close the modal popup, the calendar will show but when I click on Content, it goes away.
Could this possibly have something to do with my staging server isn’t working. I have settings in the file but it doesn’t seem to be working.
Hi Matt,
If you’re previewing the page, the configuration of your staging server won’t affect what you see in preview mode, so don’t worry about that
As a quick test, what happens if you simply comment-out (or remove) the entire contents of your Additional Head Content? If that doesn’t help, you should take a look at the template that this page is using and see if you might have additional meta-data code in there – specifically JavaScript code.
Evidently the foundation.min.js was messing everything up. I commented it out and it is working just fine now. How do I add an RSS feed to my calendar?
I just created a News RSS feed but when I click on the link for the RSS I get the following message.
HTTP Status 404 - Not Found
type Status report
message Not Found
description The requested resource (Not Found) is not available.
Apache Tomcat/6.0.35
Hi Matt,
Are you linking to an XML RSS feed that you have created? Is this RSS feed housed as an asset in CM1, or is it located at an external location (on this or another server)? Are you able to manually navigate to the RSS feed successfully when not clicking through the link in CM1?
Thanks!
I know this is an old thread but after we configured my delivery tier a couple of weeks ago, my calendar won’t show anymore. I was looking through the code and it showed to be looking at the correct server address for the dt but still nothing.
Matt,
Can you trace the traffic and request? For instance, if you load the page in FireBug, you can inspect it. Switch to the Net tab and enable the tracking. It will show all requests being made. Look for the ones pointing to your DTS address and see if the response is returning anything.
Additionally, you can click on the Console tab and look to see if any errors or messages are being logged.
Hey Matt,
Is the IP address of the server you are publishing to available to the public? If so, could you share the link to your Calendar page with me? I would like to take a look at what’s happening with the DTS connection to see if I can spot any errors. Thanks!
It isn’t My network admin has it only available on campus. The only portion open to the public right now is the IP address to Percussion.
I see, no problem. Were you able to follow Daved’s steps above of loading the page while the Net tab in Firebug is active to see if the DTS connection is throwing an error? If you’d like, we could try to setup a call tomorrow and I could look this over with you. Let me know if that would be helpful.
I loaded it and nothing is showing an error in firebug. If you wouldn’t mind doing a remote session, that would be great.
Matt,
Sure, I will setup a support ticket for us, through which we can identify a time to look this over. Please check your inbox for the notification shortly.
Hey Nathaniel,
I know you help me setup my calendar on my servers and we used the local IP address. Is there a way that I can change it to use the outside IP address to my website? We have an app being developed for us that want’s to use the RSS feed but they cant get to it from the url that I have.