Reload page on modal close

I don't think you really want to do this when the modal is closed; don't you want to do this only when the modal has successfully completed? Using the close button usually indicates a cancel and it should return to the previous state.

The server can send ctools_ajax_command_reload() instead of a ctools_ajax_command_dismiss() to do a reload when whatever is in the modal is complete.

Also, the jquery you're using affects the jQuery UI dialog, not the CTools modal. Maybe you're actually using dialog.module?

I definitely agree that using AJAX to add the items to the page is the better experience than reloading the page.

Just some documentation on what I consider the best way to do this...

• In your finish callback put the following...
  

     $form_state['complete'] = TRUE;
  

• In your cancel callback routine, but the following...
  

    $form_state['canceled'] = TRUE;
  

• Now in your main ctools modal function ( the one that defines the $form_info for the modal ), you can put the following...
  

     ...
     ...
    $output = ctools_wizard_multistep_form($form_info, $step, $form_state);
  
    // If the wizard is finished, then we will want to close it out and then refresh the page.
    if($output===FALSE || $form_state['complete'] || $form_state['cancel']) {
      $commands = array();
      $commands[] = ctools_modal_command_dismiss();
      $commands[] = ctools_ajax_command_redirect();
      ctools_ajax_render($commands);
    }
    else {
      // Render the wizard page.
      ctools_ajax_render(ctools_modal_form_render($form_state, $output));
    }
  

That worked beautifully for me... Hope this helps someone in the future.

The above only works when the "Cancel" button is clicked in a multistep form made with the form wizard, not in regular modals. I'm reopening this as I am also looking for a way to react to a modal being closed.

Can't this be solved rather easily by triggering a behavior? Currently the 'CToolsDetachBehaviors' fire when the modal is closed, but unfortunately these also fire when the modal is dismissed due to a form being successfully submitted. This cannot be used if an action should only occur when closing, not when submitting.

Attached patch adds this behavior. You can then run whatever javascript you want by implementing the behavior, eg:

(function ($) {
  $(document).bind('CToolsCloseModalBehaviors', function(context) {
    alert('close button was clicked');
  });
})(jQuery);

I know this is old, but the functionality would be very helpful. Patch #7 works for me, but fires a bunch of times.

Aha! This patch is exactly what I needed.

Here is our issue: We're using Ajax Facets in a ctools modal window to allow users to filter information without needing to reload another page. Ajax Facets does its filtering by changing the URL of the originating page.

If Ajax Facets is being used on a standard search page, this would be ok, because it's changing the URL from something like /search to /search?f[]=type:blog. However, when using Ajax Facets within a modal, this becomes a problem because the underlying page's URL is changed from /blog/my-blog to /search-modal?f[]=type:blog. Once the modal is closed, the URL is still at "search-modal" even though the user is on the blog page.

An easy way to fix this is to reset the browser's URL path using window.history.pushState when the modal is closed. The patch in #7 lets me do exactly that.

The previous patch no longer applies since there have been some changes to ctools since it was first created. I've attached a new version for review.

Please set to RTBC if others agree with adding this. Thanks.

@firewaller, you said it "fired a bunch of times". Can you provide some more details?

I am not seeing that behavior. When I close the modal window it fires once. It does not fire again until I close the modal again.

Patch #11 still applies cleanly to 7.x-1.17.

Thanks all! I've committed this to the dev branch for the next release.