We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 37984
    • 215 Posts
    Looking to integrate this with a mini calendar, and was wondering if anyone had a solution out there. I want the user to be able to click on the date in the mini calendar and then be shown a dynamic list for that given date. I had initially thought that modifying output through the URL would be the way to go, but this does not appear to be an option with the list view of the calendar (only works with the calendar view). Any thoughts?
      Jesse Couch
      MODX Aficionado, Front-End Designer & Developer
      http://www.designcouch.com
      • 4172
      • 5,888 Posts
      some time ago, I did a minicalendar like that for mxCalendar - EVO with bloX
      I think this should be possible to be converted to mxCalendar-Revo with bloX-Revo

      http://www.gemeinde-steinhoering.de/veranstaltungen-steinhoering.html?month=11&year=2012&tsmonth=1354316400&sync_list=1

      used mootools for this one.
        -------------------------------

        you can buy me a beer, if you like MIGX

        http://webcmsolutions.de/migx.html

        Thanks!
        • 37984
        • 215 Posts
        Thanks, Bruno17 - I'll look into bloX-Revo for this and see if it will work!
          Jesse Couch
          MODX Aficionado, Front-End Designer & Developer
          http://www.designcouch.com
        • Yes, you can with a just a little jQuery and template altering. I know at least two other users went through this and I'd be more than happy to help, which would also provide a great tutorial for others. This would all be pre-loaded and not require any AJAX or lazy loading if you will, however if that is the pref it could also be done that way. Below is a quick list of steps to achieve this:

          1) Setup new chunks with corresponding styling for your mini-calendar
          2) Duplicate the default properties set and name it "mini" or other identifiable name and set the property values for the chunks as created in step 1
          3) Create a new resource with the mxcalendars snippet call with display type list and loading the property set as named in step 2
          [[!mxcalendars@mini?&displayType=`list`&isLocked=`1`]]

          4) In your jQuery, or other, AJAX request set the URL to the resource from step 3 and pass in the parameters of elStartDate and elEndDate with the time stamp for the beginning of the selected date and end. This should be accomplished by setting the chunks in step 1 to use the date value to create the two required parameters using the place holders already present in the rendering like the following
          &&elStartDate=[[+startdate:date=`%b %e 12:00 am`]]&elEndDate=[[+enddate:date=`%b %e 12:00 pm`]]


          That should be it in a nutshell.


          Cheers
            Evo Revo // Ubuntu, CentOS, Win // Apache 2x, Lighttp (Lighty)
            Visit CharlesMx.com for latest news and status updates.
            • 37984
            • 215 Posts
            Charles,

            Are you still suggesting modifying the URL of the list page to output desired results with this process? A bit turned around here. I have already worked my way through steps 1-3, but 4 is giving me some trouble.
              Jesse Couch
              MODX Aficionado, Front-End Designer & Developer
              http://www.designcouch.com
              • 37984
              • 215 Posts
              To clarify, my mini calendar is already up and running - it's simply the dynamic list of the events for a given day that I'm struggling with. Each day of my calendar is created using the following chunk:

              <td id="[[+dayOfMonthID]]" class="[[+class]]">
                  <a href="#" class="daylink">
                  <!-- day of month label -->
                  <div class="datestamp">[[+dayOfMonth]]</div>
                  <!-- event listing container -->
                  </a>
              </td>
              


              The "#" is the placeholder for my link. If it is possible to create the list by linking to a resource with the mxCalendar list call, and populating said list with the events for a given day by passing parameters to the URL (example: www.example.com/index.php?id=6&elStartDate=2012-12-01&elEndDate=2012-12-01) then please show me how to accomplish this. I have been trying to for a number of days now, off and on. Thanks!
                Jesse Couch
                MODX Aficionado, Front-End Designer & Developer
                http://www.designcouch.com
              • Sorry, it's confusing - even I have to go back and look at it all. For the last step I'd recommend using another ajax specific page so that you only get the mxcalendar results, thus the template should be a minimal template, blank possibly, with the resource content as the mxcalendar snippet call as noted above in step3.

                Also, if you're open just send me creds and I'd be more than happy to help setup the actual resources to match this.

                Cheers
                  Evo Revo // Ubuntu, CentOS, Win // Apache 2x, Lighttp (Lighty)
                  Visit CharlesMx.com for latest news and status updates.
                  • 37984
                  • 215 Posts
                  Charles - I appreciate it. I've emailed you about this. Thank you!
                    Jesse Couch
                    MODX Aficionado, Front-End Designer & Developer
                    http://www.designcouch.com
                    • 38557
                    • 4 Posts
                    Hi Charles!

                    Please, can u explain how to do this step-by-step?

                    I can't understand how to generate proper link from table cell and AJAX request.

                    Thanks. [ed. note: inixon last edited this post 11 years, 3 months ago.]