Subscribe: RSS
  • Either would be great. Hard coding modals might bring up issues if you're using different CSS frameworks, I would think, but am not sure since I'm not a programmer. If you're using Foundation or Bootstrap they have their own modals of course.

    Cheers,
    Rob
    • for a bootstrap - modal, you will need something like that:

      <div id="event-detail" class="modal fade">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
              <h4 id="event-detail-title" class="modal-title">Modal title</h4>
            </div>
            <div id="event-detail-body" class="modal-body">
      
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->


      this should be in the default migxcal_baseTemplate - template, installed with migxCalendars

      then, what is the content of your migxcalExtraOptions-chunk currently or a copy of it, which you are calling with

      [[!migxcalCalendar?
      &ajax_id=`175`
      &extraOptionsTpl=`migxcalExtraOptions`
      ]]
      


      you will need to have something like that in it:

          eventRender: function(event, element) {
              
              element.on('click', function(){
                  $('#event-detail-title').html(event.title);
                  $('#event-detail-body').html(event.modalBody);
                  $('#event-detail').modal('show');
              });
          }
      


      this should open a modal like here:
      http://www.revo222.webcmsolutions.de/75/migxcalendars/?date=2014-06-02&view=agendaWeek
        -------------------------------

        you can buy me a beer, if you like MIGX

        http://webcmsolutions.de/migx.html

        Thanks!
      • your dropdown should still work.
        It does work here:
        http://www.revo222.webcmsolutions.de/75/migxcalendars/?date=2014-05-26&view=agendaWeek

        I see you are loading jquery and bootstrap.js two times.
        This might be the issue.

        you can either remove your jquery and bootstrap.js loading or try

        [[!migxcalCalendar?
        &ajax_id=`175`
        &extraOptionsTpl=`migxcalExtraOptions`
        &load_jquery=`0`
        &load_bootstrap=`0`
        ]]
          -------------------------------

          you can buy me a beer, if you like MIGX

          http://webcmsolutions.de/migx.html

          Thanks!
        • Quote from: Bruno17 at Jun 05, 2014, 04:26 AM
          your dropdown should still work.
          It does work here:
          http://www.revo222.webcmsolutions.de/75/migxcalendars/?date=2014-05-26&view=agendaWeek


          Although I really wish that a new thread had been started (leaving this thread only for mxCalendar problems), I see that you certainly do have your migxCalendars calendar working, Bruno17.

          Can you show an image on your modal window?

          Can you show a video on your modal window?

          Can you allow the content on the modal window to be created using the MODX current rich-text editor (in my case, CKEditor) ?

          Dennis
          • I hadn't realized MIGXCalendar loaded bootstrap and jquery so thanks for the tip about removing them, the menu works now as well as the modal.

            I'm a bit confused about the Details link. How do we set this? Or better yet, is there a way to put more content in the modal, such as an image, text, googlemap, etc, basically, as asked by dennisleahy.
            • I'm not sure who could move this to it's own thread, but I have seen it happen from time to time.
                • -------------------------------

                  you can buy me a beer, if you like MIGX

                  http://webcmsolutions.de/migx.html

                  Thanks!
                • Quote from: dennisleahy at Mar 27, 2014, 04:03 PM
                  I'm in Revo 2.2.12, using mxCalendar 1.1.10-pl installed today using Package Management.



                  mxCalendar doesn't work. mxCalendar crashes when I try to even just configure it. This is litterally the only time, that my ModX ever crashed at all, when I "tried" to install an mxCalendar (and I've coded lots of ModX site) sad