Template HTML issues

When I use HTML objects I am running into some issues:

1) When I change the font size it does not show this change in the top settings area: https://share.zight.com/nOu4QEJD

2) If I select some text to be H2 heading it also does not show this to me later on, so it is confusing: https://share.zight.com/6quAw9n5

3) The spacing between HTML objects, not sure how to get this to work correctly, I have the elements next to each other in the template but on the PDF there is a large space:
https://share.zight.com/qGu4YALJ
https://share.zight.com/OAud7me1

4) Some html text is simply not appearing in the PDF:
https://share.zight.com/E0uNmWpA
https://huahinrentals.com/loan-agreement/george-alfonso-loan-agreement/

Thanks,

Tim

Also when I add the Signature field it does not appear in the PDF and when I add an input or textarea field for the date this field is not fillable.
https://share.zight.com/YEu6zjGJ
https://huahinrentals.com/loan-agreement/george-alfonso-loan-agreement/

1, 2.The relevant part of the content should be selected to apply the WYSIWYG editor (see Screenshot 1).

If it still doesn't work, review the HTML code that is generated and correct it via "Right Mouse Click" -> "Properties" -> "Value" (see Screenshot 2).

---

3. The spacing is correct because, originally, you see shortcodes in the HTML object, which are truncated, causing the content to appear lower. To maintain the relative content structure, you can move content to a "single" HTML block.

P.S. We also noticed that you are trying to pass the post ID to the types shortcodes. In that case, you should use [e2pdf-dataset] instead of [e2pdf-wp key="ID"], as follows:

[types item="[e2pdf-dataset]"][/types]

---

4. Could you please review and correct (if required) that part of the HTML code in "Right Mouse Click" -> "Properties" -> "Value" directly? If it still doesn't work, could you copy the value from the HTML block to https://codefile.io or any other website and share the URL with us so we can review how it's generated and correct it for you.

---

5. By default, the PDF is generated as read-only. If you need it to be fillable, you can set the "Flatten" option to "No" (see Screenshot 3).

However, the "Signature" field you are trying to use will not render any output, as it is designed to insert already submitted signatures (which are images by default). You can enable "e-Signature" and set a "placeholder" in the "Properties" of the "Signature". However, while a placeholder will be displayed in the viewer, it will not be possible to sign the PDF with a real "e-Signature"—only a drawn signature can be used. Alternatively, you can simply design a designated area for the signature if you need customers to sign with a drawn signature.

---

We would really appreciate your feedback at WordPress.org!

Thanks, but I'm not sure what you mean by "design a designated area for the signature if you need customers to sign with a drawn signature." Can you clarify how I can do this so I can allow people to sign with a drawn signature?

Also, If I want to add a date field so they can select the date after they sign, is this possible?

Thanks,

Tim

Thanks, but I'm not sure what you mean by "design a designated area for the signature if you need customers to sign with a drawn signature." Can you clarify how I can do this so I can allow people to sign with a drawn signature?

Also, If I want to add a date field so they can select the date after they sign, is this possible?

Thanks,

Tim

It’s possible to use the "Draw" feature of the PDF Viewer (Screenshot 1). However, if it needs to be signed with an e-Signature in Adobe Acrobat, the "Signature" field with the "e-Signature" option checked can be used.

For the date:

You can either use the input field with the pre-defined date:
[e2pdf-format-date format="d.m.Y"]now[/e2pdf-format-date]

or

Design drop-downs where the date can be selected (Screenshot 2).

---

We would really appreciate your feedback at WordPress.org!

Thanks. I'm still having trouble with some of the HTML. I added some Thai and English text to an HTML object, and this is what I see in the code:
&nbsp;1.&nbsp;<span class="s2">ผู้ให้กู้</span>&nbsp;Lender: Story George Company Limited.&nbsp;<div><br></div><div>&nbsp;2.&nbsp;<span style="font-size: inherit;">ผู้กู้</span>Borrower: <b>[types field='first-name' item='[e2pdf-wp key="id"]'][/types] [types field='last-name' item='[e2pdf-wp key="id"]'][/types]&nbsp;</b></div>

So it seems to add some unnecessary tags, it also doesn't always add the thai, as you can see "ผู้กู้" is missing in the PDF output:
https://huahinrentals.com/loan-agreement/ava-akira-loan-agreement/

But it appears when I put it into a normal page (I've installed Thai Noto Sans already)
https://huahinrentals.com/thai-language-test/

Thai characters don't show up due to font-size: inherit;. This property should be removed from the HTML.

We see the artifacts in the PDF, but unfortunately, we need to check the HTML code to understand how they are added, as it seems to be caused by incorrectly formatted HTML.

---

We would really appreciate your feedback at WordPress.org!

P.S. Noto Sans Thai should also support Latin characters, so we assume you can set it as the default font in the E2Pdf Template settings and not set it separately for the required HTML parts, as it seems that some parts are currently rendered with Noto Sans and others with Noto Sans Thai.

P.P.S. If you are still fail to setup it correctly, you can submit a support ticket with access details to your WP Admin Dashboard so we can properly reformat the content: https://e2pdf.com/support/request

---

We would really appreciate your feedback at WordPress.org!

Thanks, but the html objects unnecessary code all over, large spaces, html characters. Definitely a bug right? And it's just really clunky to use/edit with the interface.

If content has been copied from a webpage, unnecessary blocks may be added due to the way browsers handle copying.

The latest RC version (1.27.x) includes filters that help produce cleaner code, but we are still working on further improvements.

For the cleanest results, we recommend using the Disable WYSIWYG Editor option and building code with clean HTML, or setting values directly in the "Value" field under "Properties"

---

We would really appreciate your feedback at WordPress.org!

Why not just have a way to click between Visual mode and HTML mode? The current interface is super clunky and time consuming for me to make a change, save, check the output, repeat. It's literally taking me hours to build a pdf that should take 20 minutes.

Is there anyway to set things like the h2 font size and paragraph spacing on a global level?

Tim

Why not just have a way to click between Visual mode and HTML mode? The current interface is super clunky and time consuming for me to make a change, save, check the output, repeat. It's literally taking me hours to build a pdf that should take 20 minutes.

Is there anyway to set things like the h2 font size and paragraph spacing on a global level?

Tim

Unfortunately, there is currently no option to set global CSS or switch the Visual Mode globally in the template. However, we will definitely review your suggestions.

---

We would really appreciate your feedback at WordPress.org!

Ok... I guess. I mean am I the only one to find the interface super clunky to work with? I feel like you're just ignoring the larger issue here.

And now there's an HTML object that is... locked? When I click on it nothing happens and there is no option to check it's properties.
https://share.zight.com/JruQZ8G8

Tim

It's possible to unlock locked elements using the button located in the top bar: https://e2pdf.com/docs/elements/elements#lock-hide

---

We would really appreciate your feedback at WordPress.org!

Hello,

The latest RC version (1.27.20) includes the option to set global CSS and quickly switch between the sources of "HTML" objects. You can update the plugin to the latest RC version by following the steps outlined here: https://e2pdf.com/docs/install#rc-version.

Please let us know if you encounter any issues.

---

We would really appreciate your feedback at WordPress.org!