We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 38547
    • 98 Posts
    I cant get the calendar to select the next month without refreshing the page here is what I have,

    The page that displays the Calendar is on resource 28 and my call on this is

    [[!mxcalendar? &displayType=`list`&isLocked=`true`]] 
    <hr />
    [[!mxcalendar?& displayType=`calendar`&;ajaxResourceId=`65`&modalView=`true`]]


    My Resource 65 has been set to a blank template ans has this call and nothing else on it

    [[!mxCalendar]]


    I cleared the site cache just in case but whenever I select the next month it reloads the whole page.

    Can anyone tell me what I have missed.

    Many thanks

    Ian
    • Charles fixed this for me, with a new property set. I can't attach the property set for you to import, so it's in a code chunk below. This works great because the parameters are in the property set and do not need to be set in the snippet call at all.

      Where "newPropertySetForModal" is the name of your new property set;

      In the resource with the calendar:
      [[!mxcalendar@newPropertySetForModal? &displayType=`calendar` &modalSetWidth=`500px` &modalSetHeight=`400px` ]]


      in your ajaxResource:
      <p>[[!mxcalendar@newPropertySetForModal? &tplDetail=`tplDetailModal` &isLocked=`0` &modalView=`0`]]</p>


      And here's the output from the property set (copy and paste, save as filename.js, then import to a new property set in the mxCalendar snippet). Make sure to adjust the properties to your settings. i.e. chunk names, IDs, etc.:


      [{"name":"activeMonthOnlyEvents","desc":"prop_mxcalendars.desc_activemonthonlyevents","xtype":"textfield","options":[],"value":false,"lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set to true to only display events for the currently viewed month","area":"","area_trans":"","menu":null},{"name":"ajaxResourceId","desc":"","xtype":"textfield","options":[],"value":"49","lexicon":"","overridden":2,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"dateformat","desc":"prop_mxcalendars.desc_dateformat","xtype":"textfield","options":[],"value":"%Y-%m-%d","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Default date format for preformatted date, uses server to create output formatted date.","area":"","area_trans":"","menu":null},{"name":"dateseperator","desc":"prop_mxcalendars.desc_dateseperator","xtype":"textfield","options":[],"value":"resultWrapTpl","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set a default seperated for date splitting \"-\" is default","area":"","area_trans":"","menu":null},{"name":"debug","desc":"prop_mxcalendars.desc_debug","xtype":"textfield","options":[],"value":false,"lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"dir","desc":"prop_mxcalendars.dir_desc","xtype":"list","options":[{"text":"Ascending","value":"ASC","name":"Ascending"},{"text":"Descending","value":"DESC","name":"Descending"}],"value":"ASC","lexicon":"mxcalendars:properties","overridden":1,"desc_trans":"The direction to sort by.","area":"","area_trans":"","menu":null},{"name":"displayType","desc":"prop_mxcalendars.desc_displaytype","xtype":"list","options":[{"text":"calendar","value":"calendar","name":"calendar"},{"text":"list","value":"list","name":"list"},{"text":"mini","value":"mini","name":"mini"}],"value":"calendar","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"This sets the default view to use if displayType parameter is not specified.","area":"","area_trans":"","menu":null},{"name":"elEndDate","desc":"prop_mxcalendars.desc_elenddate","xtype":"textfield","options":[],"value":"+16 weeks","lexicon":"mxcalendars:properties","overridden":1,"desc_trans":"Event list end date","area":"","area_trans":"","menu":null},{"name":"elStartDate","desc":"prop_mxcalendars.desc_elstartdate","xtype":"textfield","options":[],"value":"now","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Event list start date","area":"","area_trans":"","menu":null},{"name":"eventListlimit","desc":"prop_mxcalendars.desc_tpllistitem","xtype":"textfield","options":[],"value":"10","lexicon":"mxcalendars:properties","overridden":1,"desc_trans":"The inner most chunk for the event item in an event list","area":"","area_trans":"","menu":null},{"name":"gmapAPIKey","desc":"prop_mxcalendars.desc_googleMapAPIKey","xtype":"textfield","options":[],"value":"gmapAPIkey","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set your personal Google Map V3 API Key for tracking and extending beyound the anonymous limits for api request","area":"","area_trans":"","menu":null},{"name":"gmapRegion","desc":"prop_mxcalendars.desc_googleMapRegion","xtype":"list","options":[{"text":"Disable Region","value":"","name":"Disable Region"},{"text":"ac","value":"ac","name":"ac"},{"text":"ad","value":"ad","name":"ad"},{"text":"ae","value":"ae","name":"ae"},{"text":"af","value":"af","name":"af"},{"text":"ag","value":"ag","name":"ag"},{"text":"ai","value":"ai","name":"ai"},{"text":"al","value":"al","name":"al"},{"text":"am","value":"am","name":"am"},{"text":"ao","value":"ao","name":"ao"},{"text":"aq","value":"aq","name":"aq"},{"text":"ar","value":"ar","name":"ar"},{"text":"as","value":"as","name":"as"},{"text":"At","value":"at","name":"At"},{"text":"au","value":"au","name":"au"},{"text":"aw","value":"aw","name":"aw"},{"text":"ax","value":"ax","name":"ax"},{"text":"az","value":"az","name":"az"},{"text":"ba","value":"ba","name":"ba"},{"text":"bb","value":"bb","name":"bb"},{"text":"bd","value":"bd","name":"bd"},{"text":"be","value":"be","name":"be"},{"text":"bf","value":"bf","name":"bf"},{"text":"bg","value":"bg","name":"bg"},{"text":"bh","value":"bh","name":"bh"},{"text":"bi","value":"bi","name":"bi"},{"text":"bj","value":"bj","name":"bj"},{"text":"bm","value":"bm","name":"bm"},{"text":"bn","value":"bn","name":"bn"},{"text":"bo","value":"bo","name":"bo"},{"text":"br","value":"br","name":"br"},{"text":"bs","value":"bs","name":"bs"},{"text":"bt","value":"bt","name":"bt"},{"text":"bw","value":"bw","name":"bw"},{"text":"by","value":"by","name":"by"},{"text":"bz","value":"bz","name":"bz"},{"text":"ca","value":"ca","name":"ca"},{"text":"cc","value":"cc","name":"cc"},{"text":"cd","value":"cd","name":"cd"},{"text":"cf","value":"cf","name":"cf"},{"text":"cg","value":"cg","name":"cg"},{"text":"ch","value":"ch","name":"ch"},{"text":"ci","value":"ci","name":"ci"},{"text":"ck","value":"ck","name":"ck"},{"text":"cl","value":"cl","name":"cl"},{"text":"cm","value":"cm","name":"cm"},{"text":"cn","value":"cn","name":"cn"},{"text":"co","value":"co","name":"co"},{"text":"cr","value":"cr","name":"cr"},{"text":"cu","value":"cu","name":"cu"},{"text":"cv","value":"cv","name":"cv"},{"text":"cw","value":"cw","name":"cw"},{"text":"cx","value":"cx","name":"cx"},{"text":"cy","value":"cy","name":"cy"},{"text":"cz","value":"cz","name":"cz"},{"text":"de","value":"de","name":"de"},{"text":"dj","value":"dj","name":"dj"},{"text":"dk","value":"dk","name":"dk"},{"text":"dm","value":"dm","name":"dm"},{"text":"do","value":"do","name":"do"},{"text":"dz","value":"dz","name":"dz"},{"text":"ec","value":"ec","name":"ec"},{"text":"ee","value":"ee","name":"ee"},{"text":"eg","value":"eg","name":"eg"},{"text":"er","value":"er","name":"er"},{"text":"es","value":"es","name":"es"},{"text":"et","value":"et","name":"et"},{"text":"eu ","value":"eu ","name":"eu "},{"text":"fi","value":"fi","name":"fi"},{"text":"fj","value":"fj","name":"fj"},{"text":"fk","value":"fk","name":"fk"},{"text":"fm","value":"fm","name":"fm"},{"text":"fo","value":"fo","name":"fo"},{"text":"fr ","value":"fr ","name":"fr "},{"text":"ga","value":"ga","name":"ga"},{"text":"gd","value":"gd","name":"gd"},{"text":"ge","value":"ge","name":"ge"},{"text":"gf","value":"gf","name":"gf"},{"text":"gg","value":"gg","name":"gg"},{"text":"gh","value":"gh","name":"gh"},{"text":"gi","value":"gi","name":"gi"},{"text":"gl","value":"gl","name":"gl"},{"text":"gm","value":"gm","name":"gm"},{"text":"gn","value":"gn","name":"gn"},{"text":"gp","value":"gp","name":"gp"},{"text":"gq","value":"gq","name":"gq"},{"text":"gr","value":"gr","name":"gr"},{"text":"gs","value":"gs","name":"gs"},{"text":"gt","value":"gt","name":"gt"},{"text":"gu","value":"gu","name":"gu"},{"text":"gw","value":"gw","name":"gw"},{"text":"gy","value":"gy","name":"gy"},{"text":"hk","value":"hk","name":"hk"},{"text":"hm","value":"hm","name":"hm"},{"text":"hn","value":"hn","name":"hn"},{"text":"hr","value":"hr","name":"hr"},{"text":"ht","value":"ht","name":"ht"},{"text":"hu ","value":"hu ","name":"hu "},{"text":"ID","value":"id","name":"ID"},{"text":"ie","value":"ie","name":"ie"},{"text":"il","value":"il","name":"il"},{"text":"im","value":"im","name":"im"},{"text":"in","value":"in","name":"in"},{"text":"io","value":"io","name":"io"},{"text":"iq","value":"iq","name":"iq"},{"text":"ir","value":"ir","name":"ir"},{"text":"is","value":"is","name":"is"},{"text":"it","value":"it","name":"it"},{"text":"je","value":"je","name":"je"},{"text":"jm","value":"jm","name":"jm"},{"text":"jo","value":"jo","name":"jo"},{"text":"jp","value":"jp","name":"jp"},{"text":"ke","value":"ke","name":"ke"},{"text":"kg","value":"kg","name":"kg"},{"text":"kh","value":"kh","name":"kh"},{"text":"ki","value":"ki","name":"ki"},{"text":"km","value":"km","name":"km"},{"text":"kn","value":"kn","name":"kn"},{"text":"kp","value":"kp","name":"kp"},{"text":"kr","value":"kr","name":"kr"},{"text":"kw","value":"kw","name":"kw"},{"text":"ky","value":"ky","name":"ky"},{"text":"kz","value":"kz","name":"kz"},{"text":"la","value":"la","name":"la"},{"text":"lb","value":"lb","name":"lb"},{"text":"lc","value":"lc","name":"lc"},{"text":"li","value":"li","name":"li"},{"text":"lk","value":"lk","name":"lk"},{"text":"lr","value":"lr","name":"lr"},{"text":"ls","value":"ls","name":"ls"},{"text":"lt","value":"lt","name":"lt"},{"text":"lu","value":"lu","name":"lu"},{"text":"lv","value":"lv","name":"lv"},{"text":"ly","value":"ly","name":"ly"},{"text":"ma","value":"ma","name":"ma"},{"text":"mc","value":"mc","name":"mc"},{"text":"md","value":"md","name":"md"},{"text":"me","value":"me","name":"me"},{"text":"mg","value":"mg","name":"mg"},{"text":"mh","value":"mh","name":"mh"},{"text":"mk","value":"mk","name":"mk"},{"text":"ml","value":"ml","name":"ml"},{"text":"mm","value":"mm","name":"mm"},{"text":"mn","value":"mn","name":"mn"},{"text":"mo","value":"mo","name":"mo"},{"text":"mp","value":"mp","name":"mp"},{"text":"mq","value":"mq","name":"mq"},{"text":"mr","value":"mr","name":"mr"},{"text":"ms","value":"ms","name":"ms"},{"text":"mt","value":"mt","name":"mt"},{"text":"mu","value":"mu","name":"mu"},{"text":"mv","value":"mv","name":"mv"},{"text":"mw","value":"mw","name":"mw"},{"text":"mx","value":"mx","name":"mx"},{"text":"my","value":"my","name":"my"},{"text":"mz","value":"mz","name":"mz"},{"text":"na","value":"na","name":"na"},{"text":"nc","value":"nc","name":"nc"},{"text":"ne","value":"ne","name":"ne"},{"text":"nf","value":"nf","name":"nf"},{"text":"ng","value":"ng","name":"ng"},{"text":"ni","value":"ni","name":"ni"},{"text":"nl","value":"nl","name":"nl"},{"text":"No","value":"no","name":"No"},{"text":"np","value":"np","name":"np"},{"text":"nr","value":"nr","name":"nr"},{"text":"nu","value":"nu","name":"nu"},{"text":"nz ","value":"nz ","name":"nz "},{"text":"om","value":"om","name":"om"},{"text":"pa","value":"pa","name":"pa"},{"text":"pe","value":"pe","name":"pe"},{"text":"pf","value":"pf","name":"pf"},{"text":"pg","value":"pg","name":"pg"},{"text":"ph","value":"ph","name":"ph"},{"text":"pk","value":"pk","name":"pk"},{"text":"pl","value":"pl","name":"pl"},{"text":"pm","value":"pm","name":"pm"},{"text":"pn","value":"pn","name":"pn"},{"text":"pr","value":"pr","name":"pr"},{"text":"ps","value":"ps","name":"ps"},{"text":"pt","value":"pt","name":"pt"},{"text":"pw","value":"pw","name":"pw"},{"text":"py","value":"py","name":"py"},{"text":"qa","value":"qa","name":"qa"},{"text":"re","value":"re","name":"re"},{"text":"ro","value":"ro","name":"ro"},{"text":"rs","value":"rs","name":"rs"},{"text":"ru","value":"ru","name":"ru"},{"text":"rw","value":"rw","name":"rw"},{"text":"sa","value":"sa","name":"sa"},{"text":"sb","value":"sb","name":"sb"},{"text":"sc","value":"sc","name":"sc"},{"text":"sd","value":"sd","name":"sd"},{"text":"se","value":"se","name":"se"},{"text":"sg","value":"sg","name":"sg"},{"text":"sh","value":"sh","name":"sh"},{"text":"si","value":"si","name":"si"},{"text":"sk","value":"sk","name":"sk"},{"text":"sl","value":"sl","name":"sl"},{"text":"sm","value":"sm","name":"sm"},{"text":"sn","value":"sn","name":"sn"},{"text":"so","value":"so","name":"so"},{"text":"sr","value":"sr","name":"sr"},{"text":"ss","value":"ss","name":"ss"},{"text":"st","value":"st","name":"st"},{"text":"sv","value":"sv","name":"sv"},{"text":"sx","value":"sx","name":"sx"},{"text":"sy","value":"sy","name":"sy"},{"text":"sz","value":"sz","name":"sz"},{"text":"tc","value":"tc","name":"tc"},{"text":"td","value":"td","name":"td"},{"text":"tf","value":"tf","name":"tf"},{"text":"tg","value":"tg","name":"tg"},{"text":"th","value":"th","name":"th"},{"text":"tj","value":"tj","name":"tj"},{"text":"tk","value":"tk","name":"tk"},{"text":"tl","value":"tl","name":"tl"},{"text":"tm","value":"tm","name":"tm"},{"text":"tn","value":"tn","name":"tn"},{"text":"to","value":"to","name":"to"},{"text":"tr","value":"tr","name":"tr"},{"text":"tt","value":"tt","name":"tt"},{"text":"TV","value":"tv","name":"TV"},{"text":"tw","value":"tw","name":"tw"},{"text":"tz ","value":"tz ","name":"tz "},{"text":"ua","value":"ua","name":"ua"},{"text":"ug","value":"ug","name":"ug"},{"text":"uk","value":"uk","name":"uk"},{"text":"us","value":"us","name":"us"},{"text":"uy","value":"uy","name":"uy"},{"text":"uz","value":"uz","name":"uz"},{"text":"va","value":"va","name":"va"},{"text":"vc","value":"vc","name":"vc"},{"text":"ve","value":"ve","name":"ve"},{"text":"vg","value":"vg","name":"vg"},{"text":"vi","value":"vi","name":"vi"},{"text":"vn","value":"vn","name":"vn"},{"text":"vu ","value":"vu ","name":"vu "},{"text":"wf","value":"wf","name":"wf"},{"text":"ws ","value":"ws ","name":"ws "},{"text":"ye ","value":"ye ","name":"ye "},{"text":"za","value":"za","name":"za"},{"text":"zm","value":"zm","name":"zm"}],"value":"","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Allows you set to set the region biasing for Google Map API based on the CcTLD (http://en.wikipedia.org/wiki/CcTLD)","area":"","area_trans":"","menu":null},{"name":"hasEventsClass","desc":"prop_mxcalendars.desc_haseventsclass","xtype":"textfield","options":[],"value":"mxcEvents","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set a special class for date that have events","area":"","area_trans":"","menu":null},{"name":"hightlightToday","desc":"prop_mxcalendars.desc_highlighttoday","xtype":"textfield","options":[],"value":true,"lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Boolean property (tru/false) to change class of the current day in calendar view","area":"","area_trans":"","menu":null},{"name":"isLocked","desc":"","xtype":"textfield","options":[],"value":"1","lexicon":"","overridden":2,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"modalView","desc":"","xtype":"textfield","options":[],"value":"1","lexicon":"","overridden":2,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"noEventClass","desc":"prop_mxcalendars.desc_noeventclass","xtype":"textfield","options":[],"value":"mxcDayNoEvents","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set a special class for dates that do not have any events","area":"","area_trans":"","menu":null},{"name":"resourceId","desc":"","xtype":"textfield","options":[],"value":"50","lexicon":"","overridden":2,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"showCategories","desc":"prop_mxcalendars.desc_showCategories","xtype":"textfield","options":[],"value":true,"lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"prop_mxcalendars.desc_showCategories","area":"","area_trans":"","menu":null},{"name":"sort","desc":"prop_mxcalendars.sort_desc","xtype":"textfield","options":[],"value":"name","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"The field to sort by.","area":"","area_trans":"","menu":null},{"name":"theme","desc":"prop_mxcalendars.desc_theme","xtype":"textfield","options":[],"value":"default","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"timeformat","desc":"prop_mxcalendars.desc_timeformat","xtype":"textfield","options":[],"value":"%H:%M %p","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Default time format for preformatted time, uses server side script to create","area":"","area_trans":"","menu":null},{"name":"todayClass","desc":"prop_mxcalendars.desc_todayclass","xtype":"textfield","options":[],"value":"today","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"Set the class name for highlighting the current date in calendar view","area":"","area_trans":"","menu":null},{"name":"tplCategoryItem","desc":"prop_mxcalendars.desc_tplCategoryItem","xtype":"textfield","options":[],"value":"tplCategoryItem","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"prop_mxcalendars.desc_tplCategoryItem","area":"","area_trans":"","menu":null},{"name":"tplCategoryWrap","desc":"prop_mxcalendars.desc_tplCategoryWrap","xtype":"textfield","options":[],"value":"tplCategoryWrap","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"prop_mxcalendars.desc_tplCategoryWrap","area":"","area_trans":"","menu":null},{"name":"tplDay","desc":"prop_mxcalendars.desc_tplday","xtype":"textfield","options":[],"value":"tplDay","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"tplDetail","desc":"prop_mxcalendars.desc_tpldetail","xtype":"textfield","options":[],"value":"tplDetailModalSBSNW","lexicon":"mxcalendars:properties","overridden":1,"desc_trans":"The chunk that is used for the event detail view","area":"","area_trans":"","menu":null},{"name":"tplDetailModal","desc":"","xtype":"textfield","options":[],"value":"tplDetailModalSBSNW","lexicon":"","overridden":2,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"tplEvent","desc":"prop_mxcalendars.desc_tplevent","xtype":"textfield","options":[],"value":"tplEvent","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"tplHeading","desc":"prop_mxcalendars.desc_tplheading","xtype":"textfield","options":[],"value":"tplHeading","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"tplListHeading","desc":"prop_mxcalendars.desc_tpllistheading","xtype":"textfield","options":[],"value":"tplListHeadingSBSNW","lexicon":"mxcalendars:properties","overridden":1,"desc_trans":"Default heading to place above the listing","area":"","area_trans":"","menu":null},{"name":"tplListItem","desc":"prop_mxcalendars.desc_tpllistitem","xtype":"textfield","options":[],"value":"tplListItem","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"The inner most chunk for the event item in an event list","area":"","area_trans":"","menu":null},{"name":"tplListWrap","desc":"prop_mxcalendars.desc_tpllistwrap","xtype":"textfield","options":[],"value":"tplListWrap","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"The outer most chunk wrapper for the event list","area":"","area_trans":"","menu":null},{"name":"tplMonth","desc":"prop_mxcalendars.desc_tplmonth","xtype":"textfield","options":[],"value":"tplMonth","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null},{"name":"tplWeek","desc":"prop_mxcalendars.desc_tplweek","xtype":"textfield","options":[],"value":"tplWeek","lexicon":"mxcalendars:properties","overridden":false,"desc_trans":"","area":"","area_trans":"","menu":null}]
      [ed. note: frogabog last edited this post 10 years, 6 months ago.]
        Frogabog- MODX Websites in Portland Oregon
        "Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
        Having server issues? These guys have MODX Hosting perfected - SkyToaster
        • 38547
        • 98 Posts
        Thanks for the excellent reply sadly its still loading the whole page here is what I have now done.

        I took your output of the property set saved in a .js file and imported it into a new property set called mxcalendarajax this all went fine showing the new properties.

        On the page where the calendar is output I now have this call
        [[!mxcalendar@mxcalendarajax? &displayType=`calendar`& &modalSetWidth=`500px` &modalSetHeight=`400px` ]]


        and the ajax page which is assigned to the blank template I have this
        [[!mxcalendar@mxcalendarajax? &tplDetail=`tplDetailModal` &isLocked=`0` &modalView=`0`]]


        I then cleared the site cache have no idea if I needed to do that but the calendar still shows up fine but when I click a new month the whole URL is still refreshed.

        Does it sound like what I have done should work or have I overlooked anything else.

        Many thanks for the reply BTW.

        Cheers

        Ian
          • 3722
          • 171 Posts
          Thanks Frogabog!

          That worked out great!
          Charles, any chance of getting this in the regular snippet?

          Thanks
          Bob
          • Did you check the ajaxResourceId and the resourceid in the property set? I forgot to mention that mine was id 49 and 50, and yours will likely be another id. I didn't remove that from the .js output I posted.

            I am using a simplified template for the ajaxResource, with just the css needed to display the styles. Not the blank template.
              Frogabog- MODX Websites in Portland Oregon
              "Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
              Having server issues? These guys have MODX Hosting perfected - SkyToaster
              • 38547
              • 98 Posts
              Quote from: frogabog at Dec 17, 2012, 04:41 AM
              Did you check the ajaxResourceId and the resourceid in the property set? I forgot to mention that mine was id 49 and 50, and yours will likely be another id. I didn't remove that from the .js output I posted.

              I am using a simplified template for the ajaxResource, with just the css needed to display the styles. Not the blank template.

              Thanks for the reply well I have tried everything the resource id's are correct for my site what I did find if I viewed the ajax page it had no output so I changed it to main site template and it now shows the calendar so its at least working but when I go back to the resource with the calendar on it still refreshes the whole page.

              Just one question it looks like for some reason its not seeing the property set so i wondered if I was using some reserved name so I renamed it but still no change, I set a new theme on property set which if I add the theme name into the snippet call i see the new new theme so I can see the calendar is working. Is there some bigger setting somewhere that I need to change to make property sets work other than adding the name in the snippet call I have never used them before or should they just work.

              Many thanks

              Ian
              • There is an AJAX method that allows you to retrieve an entire page, HTML head and all, but only insert a specified container element. For example, if you need to have a complete web page for something like mxCalendar to work, you can use this full page as the AJAX processor, and then actually insert only a <div id="calendar">...</div> section which contains the calendar itself into your page.

                $('#result').load('ajax/test.html #container');
                  Studying MODX in the desert - http://sottwell.com
                  Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                  Join the Slack Community - http://modx.org
                  • 38547
                  • 98 Posts
                  Quote from: sottwell at Dec 17, 2012, 07:17 PM
                  There is an AJAX method that allows you to retrieve an entire page, HTML head and all, but only insert a specified container element. For example, if you need to have a complete web page for something like mxCalendar to work, you can use this full page as the AJAX processor, and then actually insert only a <div id="calendar">...</div> section which contains the calendar itself into your page.

                  $('#result').load('ajax/test.html #container');

                  Sounds like that might be beyond me I do this for fun from my laptop its not my job, would I have to make that code a snippet then call it from the page with the calendar on and where you have ('ajax/test.html #container') change the url to the page with the calendar on could it really be that simple.

                  Thanks
                  • Might "Pre-process tags in Property Values" be checked in the property set? (see below the property table)
                      Frogabog- MODX Websites in Portland Oregon
                      "Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
                      Having server issues? These guys have MODX Hosting perfected - SkyToaster
                      • 38547
                      • 98 Posts
                      Cant see any settings for pre processing, guess for me it's going have be a really nice non ajax calendar (-:

                      I sometimes wonder if there is something somewhere not right with my install as I never managed to get the frienldy URL's working after hours of tinkering either.

                      Anyway thanks for the help much appreciated .

                      Ian