Form Design issues

  • Resolved empiercing

    (@empiercing)


    2 years, 2 months ago

    Hi,
    I’ve recently had an issue that requiered me to restore my website from a backed up copy.
    Ever since this was done the plugin is acting strange in 2 ways most of all:
    1st issue – the sent PDF seems ignores my custom CSS file, in plugin settings the preview seems perfect but the sent file that arrives via email has none of the design features I established in the CSS (this was working perfactly before).

    2nd issue – since the backup restore when ever I try to make changes to the PDF content or settings some changes don’t seem to apply and the PDF content seems to remove a few of the first and last lines of the PDF content (in my case this is mainly basic html tags <html>, <head> etc.)
    I temporarly got around this by manually editing the exported setting JSON files for the pdfs with my wanted changes and content but something is definatly not ok and if I hit the ‘save changes’ for any reason it preatty much breaks the pdf for that form.

    Please advise

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter empiercing

    (@empiercing)

    Quick update:
    Tried updating today, got this:
    update failed: <!DOCTYPE html> <!--[if lt IE 7]> <![endif]--> <!--[if IE 7]> <![endif]--> <!--[if IE 8]> <![endif]--> <!--[if gt IE 8]><!--> <!--<![endif]--> cleancut.co.il | 524: A timeout occurred A timeout occurred Error code 524 Visit cloudflare.com for more information. 2022-09-12 10:48:04 UTC You Browser Working Frankfurt Cloudflare Working cleancut.co.il Host Error What happened? The origin web server timed out responding to this request. What can I do? If you're a visitor of this website: Please try again in a few minutes. If you're the owner of this website: The connection to the origin web server was made, but the origin web server timed out before responding. The likely cause is an overloaded background task, database or application, stressing the resources on your web server. To resolve, please work with your hosting provider or web development team to free up resources for your database or overloaded application. Additional troubleshooting information here. Cloudflare Ray ID: 74980f2a5e38906a &bull; Your IP: Click to reveal 213.137.71.74 &bull; Performance & security by Cloudflare (function(){function d(){var b=a.getElementById("cf-footer-item-ip"),c=a.getElementById("cf-footer-ip-reveal");b&&"classList"in b&&(b.classList.remove("hidden"),c.addEventListener("click",function(){c.classList.add("hidden");a.getElementById("cf-footer-ip").classList.remove("hidden")}))}var a=document;document.addEventListener&&a.addEventListener("DOMContentLoaded",d)})(); <!-- /.error-footer -->

    Plugin Author Florent Maillefaud

    (@florent73)

    Hello !

    Can you test again with the version on GitHub?

    https://github.com/Florent73/send-pdf-for-contact-form-7/

    Thank

    Thread Starter empiercing

    (@empiercing)

    Hi,
    I just ran a test with the latest version from github, I’m afraid its still doing the same. If I make any changes to settings and save the HTML code get a bit scrambled and the first few rows of the code get deletes and replaced by blank rows.

    Eyal

    Plugin Author Florent Maillefaud

    (@florent73)

    Hi!

    Is using Cloudflare the problem?

    Thanks

    Thread Starter empiercing

    (@empiercing)

    Given the error messages I originally got I did test out disabeling going through cloudflare and the bugs stil presisted I’m afraid.
    some of my main issues with updating the plug in seem to have been resolved by adjusting some parameters in the websites upload limits and such, but the design issues are still all there – custom CSS is completely ignored in the PDF sent, and any press of the save button changes or deletes my HTMLs first few rows, essentially breaking the PDF.

    Eyal

    Plugin Author Florent Maillefaud

    (@florent73)

    Hi!

    I use wp_kses WordPress function for filters text content and strips out disallowed HTML. https://developer.www.ads-software.com/reference/functions/wp_kses/

    I think that all others tags is not supported.

    Thanks

    Thread Starter empiercing

    (@empiercing)

    The lines that go missing are more or less these:

    <!DOCTYPE html>
<html lang="he">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body dir="rtl">

    Would these be filtered by wp_kses? (I’m not super technical to that extent).

    It was definatly working before hand, My Main forms are in hebrew so the font family and RTL function are very importent to makle the forms nice and readable.

    Plugin Author Florent Maillefaud

    (@florent73)

    Hi!

    Have see that : https://mpdf.github.io/fonts-languages/bidirectional-rtl-text-v6-x.html

    <span dir="rtl">...</span>
  
‫...‬
  
<span style="direction: rtl; unicode-bidi: embed">...</span>

    Try it please.

    Thread Starter empiercing

    (@empiercing)

    OK! that worked for showing in RTL correctly.
    Remaining issues:
    – Hebrew fonts don’t work even with font families that support it (works fine with english).
    – check mark fileds show on the PDF as unmarked even when they were marked on the actual form. I have the option to show this on, radio box fields seem to work correctly as well.

    Thanks!

    Plugin Author Florent Maillefaud

    (@florent73)

    Hi!

    Can you download and install my GitHub version?

    Thanks

    Thread Starter empiercing

    (@empiercing)

    – Done (9.9.1), Forms now display correctly, all fields show as sent.
    – Fonts still don’t work for hebrew but this is not a deal breaker for me.

    Thanks you for your continued support! I can start re-incorporating the plug in back into my set up now ??

    Eyal

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Form Design issues’ is closed to new replies.