Meta Box

Thanks Peter but the form still doesn't show?

I updated the bootstrap file to the below

$renderer = new Renderer( $meta_box_renderer );
new Shortcode( $renderer );

if ( is_admin() ) {
$location = new Location\Settings;
new Editor( $location );
new ConditionalLogic;
new AdminColumns;
new Category;
new Import;
new Export;
} else {

new ActionLoader( $renderer );

new TemplateLoader( 'singular' );
new TemplateLoader( 'archive' );
new TemplateLoader( 'code' );

new ContentLoader( $renderer, 'singular' );
new ContentLoader( $renderer, 'archive' );
new ContentLoader( $renderer, 'code' );
}

This is my ajax code. you can ignore the references to transient. I just modified to see if the shortcode was working. The issue is that do_shortcode("[mb_frontend_form id='amelia-custom-field-group']"); returns ''?

add_action('wp_ajax_insert_inss_mb_attendee_form', 'insert_inss_mb_attendee_form');
add_action('wp_ajax_nopriv_insert_inss_mb_attendee_form', 'insert_inss_mb_attendee_form');
function insert_inss_mb_attendee_form() {
    $output = do_shortcode("[mb_frontend_form id='amelia-custom-field-group']");
    //$output = get_transient('amelia_custom_field_group_output');
    
    if ($output === false) {
        error_log(__METHOD__ . " Transient not found or expired");
        echo '<p>No output from shortcode.</p>';
    } elseif ($output === '') {
        error_log(__METHOD__ . " No output from shortcode");
    } else {
        echo $output;
    }
    wp_die(); // This is required to terminate immediately and return a proper response
}

js ajax call

function callInsertMBInssOrderForm(bookingCostDiv) {
    // Check if the div with class 'rwmb-meta-box inss_custom_fields' exists
    if (bookingCostDiv.querySelector('.inss_custom_fields')) {
        return; // Exit the function if the div exists
    }

    fetch(<code>${ajaxurl}?action=insert_inss_mb_attendee_form</code>, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: new URLSearchParams({})
    })
    .then(response => response.text())
    .then(mbOrderForm => {
        // Append the response data (shortcode HTML) to the start of the div with class am-custom-fields
        const customFieldsDiv = bookingCostDiv.querySelector('.am-custom-fields');
        if (customFieldsDiv) {
            if (customFieldsDiv.querySelector('.inss_custom_fields')) {
                return;
            }       
            customFieldsDiv.insertAdjacentHTML('afterbegin', mbOrderForm);

            handleMetaboxGroupCloning(customFieldsDiv, numberOfPeople)
        } else {
            console.error('Error: .am-custom-fields element not found');
        }
    })
    .catch(error => {
        console.error('Error:', error);
    });
}

I have the same issue. Were you able to fix it?

Thanks,
Ger

Hi Long,
Any update on this? I also use GF for any form that requires a signature, but would love to be able to use MB for them. A MB signature field would be very useful.

Thanks,
Ger

Is there any update on this, this would be very useful to have.

It's definitely an issue with the latest update AIO 1.162. I rolled back to 1.15.8 and it's working again.