Auto Close modal on form submition

Hi julianmancera

Unfortunately it does not work for me, form still stays open when submit after applying changes.

I tested it putting this code inside an implementation of hook_menu_alter:

$items['node/add/article']['modal'] = TRUE;

That's the core node add form.

I was trying it on an (almost) clean installation.

Actually, it seems to work if form is not an administrative form. I created a custom form and it worked, but I don't know if that would be part of this issue, because I noticed that administrative forms on modal windows behave quite strange.

EDIT: If you allow other users to use that modal administrative form (in my case that means allowing anonymous to add articles), when submit an ajax error happens http://d.pr/i/IjA9

There is no need for that, you are using it wrong You can do it all with form rebuild and ctools_modal_command_dismiss(); and ajax_render, I also added $commands[] = ctools_ajax_command_redirect(''); so you redirect when you submited a form to a page you want.

function custom_form($form, &$form_state)
{
 $form = array();
  $form['something'] = array(
    '#type' => 'textfield',
    '#title' => t('Enter'),
  );
 
  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Submit'),
  );
 if ( $form_state['submitted']){
        $commands[] = ctools_modal_command_dismiss();
         $commands[] = ctools_ajax_command_redirect('<front>');
    print ajax_render($commands);
    exit;
 }
  return $form;
}

function custom_form_submit(&$form, &$form_state) {

  $form_state['rebuild'] = TRUE;

}

@MarkoB, thanks for your code, however I had to add these two module_load_include() calls in order for the ctools_modal_command_dismiss() and ctools_ajax_command_redirect() to be found:

module_load_include('inc', 'ctools', 'includes/modal');
module_load_include('inc', 'ctools', 'includes/ajax');

@capellica, the proper way to add these files are as follow

ctools_include('ajax');
ctools_include('modal');

add this to the function which you are using against the ctools ajax menu link

You can put ctools_modal_command_dismiss(); after successful form submission
Here is coding example of ctools modal auto close with form submission

function custom_module_form($js = NULL) {
  // Fall back if $js is not set.
  if (!$js) {
    return drupal_get_form('custom_form');
  }

  ctools_include('modal');
  ctools_include('ajax');
  ctools_add_js('ajax-responder');
  $form_state = array(
     'title' => t('Modal example'),
     'ajax' => TRUE,
  );
  $output = ctools_modal_form_wrapper('custom_form', $form_state);
  if (!empty($form_state['executed'])) {
		$output[] = ctools_modal_command_dismiss(); //Close modal automatically
		$output[] = ctools_ajax_command_reload(); //reload parent window 
  }
  print ajax_render($output);
  drupal_exit();
}

The code from #1 is working, but the page is not updated with the changes automatically. I have to refresh the page to make the changes.