After submission of a webform block how to replace that webform block with thank you message in the same page?

Question

I have created a webform block and assigned to a page in the right sidebar. After successful submission of that block, I want the thank you message with the values submitted in the webform to displayed where block was there before in the same page.

I have given no-redirect option in the form settings of the webform.

Also in the block settings of the webform block given view mode as form only.

But how would I replace the webform block with thank you message on successful submission of webform in the same page? Is there any Drupal way to achieve this. Have I missed any settings ??

Any help will be much appreciated.Thanks in advance.

Answer 1

If you have the webform set as a block, you can go to admin > structure > block. Look for your webform block. It should be named something like Webform: 'name of webform node'. Click on the configure link to the right. When the edit form for the block loads, look for the section Confirmation message. Select the option Display the confirmation page in the block on the same page (no redirect). Now when you submit the form from the block, it will redirect back to it and show the confirmation message on reload.

You may need to fill out a message in the webform settings. I have attached an image of the edit block page for you to compare.

Answer 2

This is sort of hacky but I couldn't figure out a way to do it with Webforms natively. This implementation uses a custom module.

// Register custom module block

function my_module_block_info() {
  $blocks = array();
  $blocks['my_form'] = array(
    'info' => t('My Form Title'),
    'cache' => DRUPAL_NO_CACHE,
  );  
  return $blocks;
}

// set block content

function download_training_plan_block_view($delta) {
  $block = array();
  switch ($delta) {
    case 'my_form':
      $block['subject'] = '';
      $block['content'] = my_form_details();
      break;
  }
  return $block;
}

// set block theme

function my_form_details() {
  return theme('my_form_details');
}

// use custom template file.

function download_training_plan_theme() {
  $template_path = drupal_get_path('module', 'my_module_template_file') . '/templates';
  $theme_hooks = array(   
    'my_form_details' => array(
      'path' => $template_path,
      'template' => 'Altered form',
      'variables' => array('title' => NULL),
    ),
  );
  return $theme_hooks;
}

// when webform is used, alter form to include callback function

function my_module_form_alter(&$form, &$form_state, $form_id) {
  if ($form['#node']->title == 'Obstacle Teaser 2018 Data Capture'){
    $form['actions']['submit'] = array(
      '#type' => 'submit',
      '#ajax' => array(
        'callback' => 'my_form_callback',
        'wrapper' => str_replace('_', '-', $form['#form_id']),
      ),
      '#value' => t('Submit'),
    );
  }
}

// set cookie to remember submitted state and show hidden content

function my_form_callback(&$form, &$form_state) {
  if (!form_get_errors() && $form_state['values']['details']['sid']) {    
    // Save cookie.    
    setcookie('is_submitted_cookie', TRUE, REQUEST_TIME + (31556926 * 2), '/');
    $commands = array();
    $commands[] = ajax_command_invoke('#secret_content', 'show'); //show hidden content
    return array('#type' => 'ajax', '#commands' => $commands);
  }
  return $form;
}

// in file: my_module_template_file.tpl.php

        <?php $download_form = module_invoke('webform', 'block_view', 'client-block-999999'); ?> // replace 999999 with nodeID of webform.
        <?php if (!empty($download_form['content'])): ?>
          <?php print render($download_form['content']); ?>
        <?php endif; ?>
<div id="secret_content" style="display:none;"><a href="#">Download content</a></div>

Answer 3

Enable Webform AJAX module, install it. To configure:

• Go to your Webform's Form Settings
• Check AJAX mode
• and then check on Show confirmation screen
• And make sure you select No redirect (reload current page) under Redirection location.
• Add some text in Confirmation message textarea.

And when you submit the webform you will see Confirmation message instead of the webform.

Answer 4

Goto your Webform Form Setting & add your Confirmation message.

Confirmation message : Put your message in this field.

Redirection location : Check "Confirmation Page"