Forms Not translated

HI Vince,

looks like the plugin is not active your site. did you upgrade to v2? In which case the plugin is now dependent on the CF7 Smart Grid-layout plugin (read the plugin main page for details.)

Hi Aurovrata,

Thanks for the quick response, the CF7 Smart Grid Design Extension and Contact Form 7 Polylang extension are Active on my site.
Please check the page in which it is working.

Kind Regards,
Vince

• This reply was modified 6 years, 7 months ago by vince123.
• This reply was modified 6 years, 7 months ago by vince123.

Please check the page in which it is working.

I just checked the new link and its right aligned for me. I am using Firefox browser. Maybe you need to clear your browser cache?

Hi Aurovrata,

Thanks for the immediate response, the page which I shared latest is right aligned.

right aligned form
left aligned form

Sorry if I confused you, 1 form is translated and the other is not translated.I checked plugins both the Plugins ( CF7 Smart Grid Design Extension, Contact Form 7 Polylang extension) are active and up-to-date on my site.

Kindly share the solution.

Thanks!
Vince

Sorry, my mistake.

I looked at both pages and I have to say I was initially rather miffed.

The plugin doesn’t apply any css to text alignment, so this is coming form your own settings.

The fields in both forms are all inheriting text-alignment from the parent <p> tag. However, both have input text-align styling applied by the browser to start. The start is a funny property, and inverses the alignment depending on the setting of your text direction. This is what put me on the right track.

Looking at your direction settings, your original page (the one that works), the form fields inherits its direction from the cf7 form wrapper,

<div role="form" class="wpcf7" id="wpcf7-f559-p526-o6" dir="rtl" style="color: inherit;" lang="ar">

while your new page has its direction setting to ltr and language to en-US,

<div role="form" class="wpcf7" id="wpcf7-f2269-p2655-o6" dir="ltr" lang="en-US">

so now we have to find why this has changed. I have never done arabic forms, so I am not sure how the direction element is being set. Are you aware of ay specific settings in CF7 to get rtl direction? I would assume that choosing the language would be enough do so. How are you building your forms in both cases inserting a shortcode in a page or dynamically inserting the shortcode?

Tts quite apparent that the cf7 form rendering is not your translated form, so I need to know how you’re displaying the form.

anyhow, a quick way to resolve this issue is to set the following css rule in your stylesheet,

body:lang(ar) .wpcf7 {

    direction: rtl;

}

let’s try to find the actual cause.

• This reply was modified 6 years, 7 months ago by Aurovrata Venet.

Hi Aurovrata,

Thanks for the great support and I am happy to get a response from a guy like you who is having tremendous experience in various technological domains(sorry, I did some background research on you)

exactly there are no special cf7 settings that allow changing the text-direction of a form, The activation of the cf7 polylang extension was the one I did for that
But the direction of the Arabic can be changed by going to Languages > Edit Language and change text direction but it doesn’t have any effect on the contact form 7.

replacing the English content with the Arabic and also wrapping the content inside the form with a <p> tag that is right aligned was sufficient and the CF7 polylang extension was changing the text direction and also the aligning the placeholders to the right side. But for the forms that I have created after a while wasn’t actually giving anything even if I ensured that I’m using them Arabic(not the text direction nor placeholders where aligned to right).

Thanks again for the support I applied the CSS you shared and it worked in all the forms.

Kind Regards,
Vivek Vincent

Hi Vivek, thanks for the kind words.

replacing the English content with the Arabic and also wrapping the content inside the form with a <p> tag that is right aligned was sufficient

ok, I guessed as much. I have been thinking about this issue, and I have a fair idea why it might not be working any more.

I applied the CSS you shared and it worked in all the forms.

great, at least you can keep working and the plugin does not block your progress.

Currently I am really busy with some other project, so I am not going to treat this as priority to fix, but I will explore the plugin and fix this issue once I have some spare time. I will keep this issue open till then.

PS: do leave a review when you get a chance!

• This reply was modified 6 years, 7 months ago by Aurovrata Venet.
• This reply was modified 6 years, 7 months ago by Aurovrata Venet.

HI Vivek,

I just release v2.1.4 of the CF7 Smart Grid plugin with a fix for this issue.

The language locale was not being picked up properly when new forms were being created, I have now fixed this. Can you please update your plugin and create a new Arabic form to be if it is properly translated, and let me know if it works for you too?

thanks

Hi Aurovrata,

Thanks for the great support. I tested it for an Arabic form and the text direction was changed Right to Left, It works fine for me.
Thanks for all your efforts.

Kind Regards
Vince

oh, good. Happy coding!