Multi-Step Slider

Silly me, I realised I forgot to update the form min version ID which requires forms to be resaved with changes that impact the form meta-data that requires an update.

Just pushed v 4.11.2

basically you will need to resave your form in the admin dashboard. Simply edit it and save it

Thanks I upgraded and saved the form
I am using the Divi Theme which allows me to customize the design of the form. It is not working now on my Divi page
https://dna558.dnaonline.co.za/needs-analysis/

I republished the form to a new page using the default editor (not Divi) and it works there
https://dna558.dnaonline.co.za/test/

I am using the Divi Theme which allows me to customize the design of the form

so I notice that on your original page, the form is not recognised by the plugin and the scripts are not loaded, so I am assuming that Divi is not executing the CF7 shortcode (do_shortcode).

This is the std approach to CF7 form display and this plugin relies on this WP core functionality to load the required libraries and scripts.

Would it be possible to record what you are doing on the Divi theme editor (using a screen recorder) and posting the clip online so I can understand what you are doing?

Whilst doing the screen recording and inserting the form it gave me this message in the Divi builder
Form is deprecated, please contact the webmaster to upgrade this form.
The Form used to work in the Divi builder prior to the plugin update. I tried to upgrade the form again – To no avail

try to delete the form from the divi page, save the page and then re-insert the form.

It confirms my suspicions that Divi page is caching the form from the DB and by-passing the whole form shortcode altogether.

What are the extra design elements you are inserting into the form from the Divi page that you are not able to do on the form editor?

As my prev & next buttons are at the bottom of the page and dont follow the size of the slide.

@mallyz it is possible to style the slides to adapt to their heigh content, simply add the following CSS rules,

.cf7sg-collapsible.glider-slide:not(.visible) {
  height: 0 !important;
}

What are the extra design elements you are inserting into the form from the Divi page that you are not able to do on the form editor? – Not much just some styling

try to delete the form from the divi page, save the page and then re-insert the form. – Did that same error to upgrade the form

I added the form just as a short code – Still the slider doesnt work. All the grid aspects are also now missing
https://dna558.dnaonline.co.za/needs-analysis/

@designdna if you only need to design the page layout using Divi but don’t require the form itself to have extra Divi-ness, then I suggest you ignore the Divi cf7 form module and instead you use a simple text module and insert the form shortcode given in the form table page.

Thats exactly what I did (Just used a short code within the Divi page) It seems the new version doesnt like Divi much. The previous version was friends though

I added the form just as a short code

using a simple text module?

apparenlty you have to use the Code module to insert a shortcode.

However, Divi is also rendering and caching pages when you save them and not when they are requested, as a result the page does not fire the WP request actions and filters the plugin requires to display properly. This may also include the shortcode module.

If this is the case, there must be a way to force Divi to render your form page each time it loads, so ensure the form is displayed properly, you’ll need to reach out to the Divi team to figure out how to do that

The previous version was friends though

true, however, I would need to test this for my self to figure out why this is the case.

Would you reach out to me on “vrata at syllogic dot in” to continue this conversation?

Just to let you know. I cleared the Divi cache and installed a plugin to delete all cache on the website the form still doesn’t load properly

The previous version was friends though

did you try v4.11.3? I created a hybrid between the previous and current version

@designdna I just saw your original page

https://dna558.dnaonline.co.za/needs-analysis/

is now working properly!