-
Posts
-
Hi,
I’m trying to paste in a Zoho webform and am having issues. All I want to do is make the webform transparent so it appears nicely on Enfold color sections. Here is what happens.1. Zoho has an option for a prepackaged script you can paste in to a Code Block or text area, which inserts the webform with no edits. That works fine, but takes on Enfold styling, which makes it non-transparent and ugly.
2. Zoho has a second option for customizable html you can paste in. If I paste that in, it appears OK on the public page, but throws off the Avia editor. The text block gets thrown outside the color section and gets all wonky. In some cases, Enfold just overrides the css.
3. If I try to edit transparency options in the customizable html, the webpage will lose all content (just a transparent box where the table should be) or the table disappears entirely.I’ve pasted the code in the private content section. You can see a couple places where I have tried to specify transparent background with white letters. But I’m an amateur so any help is appreciated.
I’m a big Enfold fan, have used it for years and am currently redesigning the website with a mandate to the creatives that we have to stick with Enfold!
Update: I see the Opacity command is what causes the entire thing to be transparent. I remove that, and I can see it. But other issues remain. A big one is that I can save once, but when I go back into page editor, all the elements are jumbled and the code block is uneditable.
Hi,
The form seem to appear on the page (please see attached screenshot).
If that is not correct provide us the link to the zoho form where we can see how it looks and the code to it from the zoho page.
We will need to take a closer look so Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayThank you Vinay. The form that you see is Option 1 from Zoho (a default simple form). It is Option 2 that is the problem (a form with editable html). To reproduce the issue:
1. Go to the page I have linked in the Private Content below.
2. You will see an empty Code Block waiting for you in a Color Section on the bottom. Paste in all the code I provided previously.
3. Save the page. Now scroll back down to that color section in the editing screen. The blocks have been pushed out of it and form fields are displaying weird all over the place.
4. Go to the public facing page and see how the form does not display.I can take screenshots and dump in Word if you need me to. Thanks!
Hi,
Thank you I tried the code you provided and it does appear that the elements in the backend don’t stay in the place as you mentioned earlier.
This is mostly due to an html tag or a wrong syntax in javascript which will break the layout.
I need to check the zoho form from where you got the code. Try to copy it again or generate a fresh form and insert the code without the java script code or paste the form code on http://www.pastebin.com and provide us the link. You can paste the code here but let’s just avoid endless scrolling :)
Best regards,
VinayThank you Vinay! Pastebin link is below. I agree it sounds like one of those things since the default simplified javascript (Option 1) works fine so obviously Avia can handle javascript in general. My hunch was that it was jumping outside a div or something since the elements on the backend appear to jump outside the Avia builder upon saving. I started deleting portions of the code to check but I’m not enough of a pro to make headway.
The code in pastebin is now shorter too – I deleted one of the long dropdown fields so it would be easier for you to work with.
Hi,
Sorry for the delay, I’m unable to view the pastbin code as it is a private one.
Please give this plugin a try https://wordpress.org/plugins/zoho-forms/
If that don’t work for you please make the pastebin code viewable.
Best regards,
VinayThanks Vinay. Zoho Forms is actually a different product from Zoho (confusing, I know). I have updated the pastebin to be unlisted not private so you can access. Thanks again!
Hi,
Thank you for sharing the code :)
I created a private test page to check and code and it is working fine.
Please check the link in private content.
Let us know if you have any queries.
Best regards,
VinayThank you Vinay, again. But the same issue is still illustrated: you can save the page initially, but if you look at the editor screen for the page you created, you will see that the Avia editor is busted and if you click on the Codeblock, there is no longer any code stored there. The pasted webform code is still jumping out of the av_codeblock. The form does appear on the public-facing page.
I just spent a while debugging myself and figured it out. This specific line of code is causing the problem, and if I remove it, the webform appears to work:
‘<tr><td style=’nowrap:nowrap;text-align:right;font-size:16px;font-family:Calibri;width:200px;’>Tell us about yourself! </td><td> <textarea name=’Description’ maxlength=’32000′ style=’width:250px;’> </textarea></td></tr>`
My initial hunch was that the long maxlength was causing some sort of overflow, but that’s not the problem. The <textarea> piece needs to be deleted out of that <td>. So there is either incorrect syntax in the form or Avia can’t handle the textarea.For the moment, I’ll avoid using textarea fields and should be good, but there might indeed be a bug there on your side. I’ll let you know if I find anything else.
Thanks for your help!
Nate
- You must be logged in to reply to this topic.