Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
You are experiencing a styling issue in the backend when using the Gravity Forms Multilingual addon, resulting in a broken UI.
Solution:
We recommend disabling the No Conflict mode in your Gravity Forms settings. This mode, when enabled, prevents third-party scripts from affecting the Gravity Forms administration pages, which can lead to styling conflicts. To disable it, edit your form settings and turn off the No Conflict mode. For more detailed instructions, visit the Gravity Forms documentation: https://docs.gravityforms.com/enabling-no-conflict-mode/

If this solution does not resolve your issue or seems outdated, please check related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. If the problem persists, we highly recommend opening a new support ticket at WPML support forum.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic contains 3 replies, has 2 voices.

Last updated by Dražen 5 months, 2 weeks ago.

Assisted by: Dražen.

Author Posts
June 26, 2024 at 11:27 am #15833120

johnS-9

Background of the issue:
I am trying to use the Gravity Forms Multilingual addon.

Symptoms:
Gravity Forms + Gravity Forms Multilingual has a styling issue in the backend and looks broken. I expected to see a clean UI, but instead, I got a broken UI.

Questions:
Why is the Gravity Forms Multilingual addon causing a styling issue in the backend?

How can I fix the broken UI in the backend when using Gravity Forms Multilingual?

I'm not sure what it's supposed to look like, but for now I have added this extra CSS.

#wpml-package-admin-bar-popup {
background-color : #FFFFFF;
border : 1px solid #ECEDF8;
display : none;
padding : 20px;
position : absolute;
z-index : 100;
}

June 26, 2024 at 12:33 pm #15833850

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

I have checked and found the issue. The No Conflict mode needs to be turned OFF, otherwise it causes the issue.

Please disable it.

Regards,
Drazen

June 26, 2024 at 1:19 pm #15834251

johnS-9

Hi Dražen,

Sorry I'm not familiar with that one, is that a WPML setting? Where can I find this?

Kind regards,

June 27, 2024 at 6:58 am #15841083

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

it is a setting in Gravity forms. You can edit your form settings and disable it.

"This should stop third-party scripts from writing to Gravity Forms administration pages"

- hidden link

Regards,
Drazen

June 27, 2024 at 7:32 am #15841329

johnS-9

Ah, a Gravity Forms setting! Thank you so much this resolved it!