Calendar popup will not display

  • 1
  • Problem
  • Updated 4 years ago
  • Solved
I have a calendar component, and built a custom popup for the event display. However, when I click on the calendar (on a blank space for a new event or on an existing event to edit it), nothing happens.

Any idea what might case my popup to not show up?

Is it best practice to use a page include instead?
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb

Posted 4 years ago

  • 1
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,026 Points 20k badge 2x thumb
Do you get any errors in the javascript console? 

We definitely have built the calendar so that the popup does not require a page include... we should be able to get it to work... 
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
Rob,

Here is the error I get in the javascript console:

Uncaught TypeError: undefined is not a function
skuid__SkuidJS:5
e
 skuid__SkuidJS:5
getFormattedDate
cc_renderers:64
renderDate
 cc_renderers:49
CC_RENDERERS.appointmentDate
cc_renderers:87
(anonymous function)
skuid__ui?page=TestCalendar:71
A.CUSTOM.read
skuid__SkuidJS:9
A.CUSTOM.edit
skuid__SkuidJS:9
f.render
skuid__SkuidJS:9
q
runtime.js:2
utils.conditionallyRender
skuid__SkuidJS:7
(anonymous function)
runtime.js:2
m.extend.each
jquery.min.js:2
m.fn.m.each
jquery.min.js:2
B
runtime.js:2
o
runtime.js:2
utils.conditionallyRender
skuid__SkuidJS:7
(anonymous function)
runtime.js:2
m.extend.each
jquery.min.js:2
m.fn.m.each
jquery.min.js:2
l
runtime.js:2
m
runtime.js:2
utils.conditionallyRender
skuid__SkuidJS:7
 (anonymous function)
runtime.js:2
m.extend.each
jquery.min.js:2
m.fn.m.each
jquery.min.js:2
q.render
runtime.js:2
e.render
skuid__SkuidJS:8
d.newItem
skuid__SkuidJS:8
(anonymous function)
skuid__SkuidJS:8
m.extend.each
jquery.min.js:2
d.render
skuid__SkuidJS:8
s.init
runtime.js:2
$.fn.(anonymous function)
skuid__SkuidJS:7
(anonymous function)
runtime.js:2
b.render
skuid__SkuidJS:6
(anonymous function)
skuid__SkuidJS:6
utils.conditionallyRender
skuid__SkuidJS:7
b.conditionallyRender
skuid__SkuidJS:6
f
skuid__SkuidJS:6
(anonymous function)
skuid__SkuidJS:6
m.extend.each
jquery.min.js:2
m.fn.m.each
jquery.min.js:2
utils.createPopupFromPopupXML
skuid__SkuidJS:6
h
runtime.js:3
h
runtime.js:3
i
runtime.js:3
q.selectable.stop
runtime.js:2
e.Widget._trigger
jquery-ui.min.js:6
e.widget._mouseStop
jquery-ui.min.js:11
(anonymous function)
jquery-ui.min.js:6
e.widget._mouseUp
jquery-ui.min.js:6
(anonymous function)
jquery-ui.min.js:6
n._mouseCapture._mouseDistanceMet._mouseDelayMet._mouseUpDelegate
jquery-ui.min.js:6
m.event.dispatch
jquery.min.js:3
r.handle jquery.min.js:3
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
I get this error (or something similar) each time I click on the calendar)
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
I also have
Failed to load resource: net::ERR_CACHE_MISS
https://skuid.na10.visual.force.com/apex/skuid__ui?page=TestCalendar 
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
I get this error on page load.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,026 Points 20k badge 2x thumb
Yup,  looks like Skuid is throwing you a nice little tantrum.  Hard to say exactly what is going on without looking under the covers.  Here are few pointers.  Make sure all the fields are completed in the Properties for the event source.  This is especially critical in the "Basic" tab.

If this doesn't resolve things,  maybe you could give us login rights to your org (Here is how)  and then send an email to support@skuidify.com with your Org ID and the name of the page that is giving you problems. 
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
Thanks, Rob. All the fields are completed. I granted login access.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,026 Points 20k badge 2x thumb
I think the problem with your calendar is the custom popup.  You are trying to include related model data in this popup.  We don't have a means of setting the filterable conditions from a calednar item.  We will eventually make calendar "click" items trigger multiple actions where you could set the filter value to retrieve appropriate related records. 

The easiest solution I can think of rignt now is to build the details of the popup as a page include.  The related models should be filtered by using URL parameters passed in a query string (Defined in the  page include component).  This means when the calendar item is clicked the query string is passed,  models requeried and the correct data is loaded. 

Hopefully this will take care of the problems for you. 
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
Thanks, Rob. That's what I was guessing with my original question. I'll try the page include next week and let you know.
Photo of Matt Sones

Matt Sones, Champion

  • 31,530 Points 20k badge 2x thumb
So, it turns out one of the custom field renderers was breaking things, so nothing would load, even with a page include. I was able to get it sorted. Thanks for your help!
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,026 Points 20k badge 2x thumb
Glad to hear you got it sorted...