Angular UI calendar rendering issue

Question

I have an issue with the rendering of the angular UI calendar. My app has several views that we use to navigate in between using routes. The main page has the angular calendar and when we load the main page the calendar loads fine. But when we navigate away from this page and comes back, the calendar failed to load and only the header part gets loaded with the title and the buttons. If a button (eg- month) is clicked then the whole calendar loads up again.

Is this something to do with rendering? any output is highly appreciated.

 [1]: http://jsfiddle.net/fECuY/4/ "jsfiddle"

im assuming you are using templates to load into this main page? so essentially the requests are async does the calendar provide an init method? — David Chase
– David Chase, Commented Aug 14, 2013 at 12:19
yes am using templates.. no init method defined in the calendar controller..only uiConfig and eventSources methods are defined.(as indicated by my jdfiddle) — Sanath
– Sanath, Commented Aug 14, 2013 at 12:57
the reason i asked about the init is because when leave the main page and then return to the main page since there is no full refresh the calendar will not load due to the js scripts related to calendar are already on the page. However when an action such a button click occurs to change calendar ui it will render the calendar because it already has the necessary actions tied to that button... — David Chase
– David Chase, Commented Aug 14, 2013 at 13:34
yes the calendar has a render method. arshaw.com/fullcalendar/docs/display/render — joshkurz
– joshkurz, Commented Aug 14, 2013 at 14:14

Sanath · Accepted Answer · 2013-08-22 00:30:40Z

2

I have resolved this issue by using resizing the window where the calendar got rendered within a timeout function.

Still I want to know how this render method can be used to re- render this calendar again. (in angular context)

arshaw.com/fullcalendar/docs/display/render example is catered for jquery..

answered Aug 22, 2013 at 0:30

Sanath

4,91211 gold badges58 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

m1crdy Over a year ago

Could you explain how you resized the window?

Sanath Over a year ago

can use $window.innerWidth;

Collectives™ on Stack Overflow

Angular UI calendar rendering issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related