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:

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

• With:

  // 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;
  	}