Ajax Event Calendar Support Product Page

This topic is locked
Solved

Calendar conflict with jQuery tabs?

Reported 06 Sep 2011 04:28:59
2
have this problem
06 Sep 2011 04:28:59 John O'Melia posted:
I have an Ajax Event Calendar inside a jQuery tab (I'm using the jQuery UI tab plugin). The calendar is in the second tab. When the tab is click the first time, the calendar is not fully initialized and no month is shown. Navigation buttons are there, and if I click the previous/next button, the previous or next calendar then populates. If I switch the calendar to the first tab it displays properly. I think it has something to do with being in a tab not yet initialized. I tried changing the calendar creation function from "(document).ready" to various tab selection/loading events but that just caused more errors. Any ideas?

Promoted Solutions

Replied 09 Sep 2011 10:42:32
Hello John,

Please, set to the tab link "Calendar View" a Control Ajax Calendar Behavior Refresh. You can do this by selecting the tab link and from TAG Inspector panel choose Behaviors then click on the Add Behavoir button ( looks like this [+] )
There go to DMXzone -> Control AJAX Calendar .
An UI window will pop-up. There you need to select the id of the Calendar if it is not selected yet, choose in ction drop-down Refresh and click OK.


Replies

Replied 06 Sep 2011 04:32:25
06 Sep 2011 04:32:25 John O'Melia replied:
I forgot to give you a URL where you can see this behavior: jfomelia.com/crystalNew/shows.php.

I am also using Dreamweaver CS5 and the Ajax Event Calendar version is 1.0.3
Replied 08 Sep 2011 23:29:45
08 Sep 2011 23:29:45 John O'Melia replied:
Does anyone from support actually monitor this forum? IS there anyone here who can give me help with this extension?
Replied 09 Sep 2011 10:42:32
09 Sep 2011 10:42:32 Miroslav Zografski replied:
Hello John,

Please, set to the tab link "Calendar View" a Control Ajax Calendar Behavior Refresh. You can do this by selecting the tab link and from TAG Inspector panel choose Behaviors then click on the Add Behavoir button ( looks like this [+] )
There go to DMXzone -> Control AJAX Calendar .
An UI window will pop-up. There you need to select the id of the Calendar if it is not selected yet, choose in ction drop-down Refresh and click OK.


Replied 10 Sep 2011 04:09:05
10 Sep 2011 04:09:05 John O'Melia replied:
Does not seem to work. I've tried putting the action on the <li> tag, the <a> and the div containing the calendar. I've tried different events. the default is onfocus but I also tried onclick and nothing seems to work. I uploaded the changed page for you to look at. Any other ideas?

Thanks very much,
John
Replied 16 Sep 2011 04:59:36
16 Sep 2011 04:59:36 John O'Melia replied:
Once again I have to wonder about the level of support you offer for these products. I asked for some help with making your products work well with normal jquery plugins and I get no response unless I complain. I own a number of your products and this inadequate support will prevent me from purchasing any more.
Replied 21 Sep 2011 10:59:45
21 Sep 2011 10:59:45 Miroslav Zografski replied:
Hello John,

Thanks to this very good plug-in for FireFox called FireBug I manage to alter a bit you page and it seems that you haven't tested all possibilities. Here is the correct combination of Behavior , event and element on which those to be applied:

<a href="#tabs-2" onclick="dmxAjaxCalendarAction('dmxAjaxCalendar1','refresh','')">Calendar View</a>

Replied 21 Sep 2011 14:25:45
21 Sep 2011 14:25:45 John O'Melia replied:
Thank you for the fix. It works fine now.

Reply to this topic