Flexible Content – Not saving changes after update

Hello,

Thanks for the feedback!

I just checked the feature, and it works correctly. Few weeks ago you posted a topic about the Flexible Content Dynamic Preview, asking a question about a custom stylesheet enqueue, which suggests that the feature was working on your setup back then.

Maybe you have some compatibility issues with an another field which has the same name, and erase the Flexible Content values during the saving process?

I would recommend to try to create a new “Test Field Group” with a “Test Flexible Content” (using an unique name), and create a “Test layout”. Then display that Flexible Content on a new “Test Page”, see if that fix the issue.

If the problem persists, maybe it comes from a plugin or a custom code in the theme. You can try to disable your plugins one-by-one until you find which one is causing it. The last resort is to switch back to the native WordPress Twenty Twenty One theme, in order to make sure you don’t have custom code that break the saving process.

Hope it helps!

Have a nice day!

Regards.

Oh okay I understand.

The problem is that you render a Gravity Form in the preview. Since you’re already in a <form> on the Post Edit screen, when you render Gravity form it will print an another <form> inside it and will add new inputs from the form.

This breaks the the Post Edit saving process since HTML specifications doesn’t allow multiple <form> one in each others, and the <input> of the gravity form mix up with the data of the Post Edit screen.

You can read more about this problem on this other topic: Gravity Forms Shortcode Issue

The solution is to rewrite the [gravityform] shortcode when you’re inside a Dynamic Preview, and display a placeholder instead. That hook should do the trick:

add_action('acfe/flexible/render/before_template', 'flexible_content_disable_gravity_forms_shortcode', 10, 3);
function flexible_content_disable_gravity_forms_shortcode($field, $layout, $is_preview){
    
    if($is_preview){
        
        // Rewrite the shortcode to print a simple text
        add_shortcode('gravityform', function(){
            
            echo '<div style="padding:50px 0; text-align:center; background:#f4f4f4;">Gravity Form</div>';
            
        });

        
    }
    
}

Just make sure that the shortcode is [gravityform], I’m not a Gravity Form user, so I don’t really know how it’s called. You’ll find more information about that acfe/flexible/render/before_template hook in the documentation.

Note that the ACF Extended Forms aren’t concerned by that issue and are correctly rendered in the Dynamic Preview. Unfortunately, the same thing cannot be automatically achieved with third party forms solutions, since each one of them are quite unique.

Hope it helps!

Have a nice day!

Regards.

Great to hear!

If you enjoy this plugin and its support, feel free to submit a review. It always helps and it’s much appreciated 🙂

Have a nice day!

Regards.