GravityForms Multilingual – Form Block Styling Issues

Overview of the issue

When using GravityForms with the GravityForms Multilingual plugin, the form styling may break due to the gform_pre_render filter in the gravity-forms-multilingual.class.php file. The filter removes the data-form-index attribute from the form wrapper, causing GravityForms’ inline CSS to be disregarded.

Workaround

Please, make sure of having a full site backup of your site before proceeding.

• Open the …/wp-content/plugins/gravityforms-multilingual/inc/gravity-forms-multilingual.class.php file.
• Look for line 983.
• Replace:

  1 2 3

  public function gform_pre_render( $form ) {     return $this->translate( $form ); }

• With:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

  // WPML Workaround for compsupp-7774     public function gform_pre_render( $form ) {         // Preserve the page_instance key if it exists         $page_instance = isset( $form['page_instance'] ) ? $form['page_instance'] : null;           // Translate the form         $form =  $this->translate( $form );           // Reassign the page_instance key after translation         if ( $page_instance !== null ) {             $form['page_instance'] = $page_instance;         }           return $form;     }