Bel
(@belimperial)
Hi @leepettijohn
Thank you for reaching out, and we’re sorry about the signature field width.
I checked the page and indeed, the signature has no width. It has an inline CSS, but it does not work.
Could you try using this Custom CSS and it in Appearance > Customize > Additional CSS:
#input_27_12 {
width: 65vw !important;
}
Please update the number or size according to your needs.
Here’s how it will display using the custom CSS:
https://share.getcloudapp.com/yAukpypw
We hope that helps. Could you give it a try, and let us know how it goes?
Thank you.
I’m also interested in a fix for this issue. Adding CSS to expand the width of the box does not restore the actual functionality of the signature field. It just makes the box visible, not usable.
Hey @mattcom26,
Thanks for letting us know.
I took a deeper look at the original poster’s (OP) form. It looks like Gravity Forms uses something called Super Signature (plugins/gravityformssignature/includes/super_signature).
Any chance you can ask the good folks at Gravity Forms what could be interfering with their signature code?
If it’s something on our end, we’ll be happy to check it out.
Please let us know 🙂
Hi, I asked your question to Gravity Forms and the response was that third-party plug-in issues fall outside of their support. As I said to them though, a lot of users combine these plugins so it’s something that needs a fix. I’d appreciate any assistance you can give to avoid having to switch to other solutions. Gravity Forms did say you can direct any questions you may have on your end to their general support at this link;
https://www.gravityforms.com/open-support-ticket/general/
Hey @mattcom26,
Thanks for the follow-up for letting us know what Gravity Forms said.
We don’t have the Gravity Forms premium signature addon so we can’t reproduce the issue right now. The closest test we came up with was having a Gravity Forms form with conditional logic on the same page with a custom HTML5 canvas element (for a signature field) and a Contact Form 7 form using a signature field addon.
Both signature fields worked perfectly inside and outside of a popup. At least we know Popup Maker can work with Gravity Forms conditional logic and HTML5 canvas elements on the same page with no problems.
https://share.wppopupmaker.com/xQuqgJdd
Then, we took a second look at the original post (OP) from @leepettijohn.
We revisited the site from the OP. This time we blocked Popup Maker’s main JavaScript and CSS libraries from loading.
We can still see the issue (signature field with 0 width) even with Popup Maker blocked. That tells us that there isn’t any obvious Popup Maker code that would mess up Gravity Forms signature field when there’s conditional logic.
Maybe you can help confirm by running only Gravity Forms and the signature addon and Popup Maker? Try having only those 3 plugins and see what happens. Let us know what happens.
And believe it or not, it seems the workaround for the OP’s website is to resize the browser window. Here’s a screencast that shows our testing and that workaround.
https://share.wppopupmaker.com/z8uLXdlw
We’ll also ping the Gravity Forms team using the link you gave us. Thanks for that 🙂
Cheers!
Hi, thank you for the further notes on this and the effort so far to troubleshoot. As requested, I tested this issue again with ONLY the plugins: Gravity Forms + Gravity Forms Signature Add-On + Popup Maker active, and confirmed that the issue persists even when excluding all other plugins.
I also was able to see that expanding the browser does make the signature field show what was drawn. It does not however make the field then work correctly when you try again to draw on it, in case the specific point is helpful.
I don’t personally have any other ideas for solving this, but am still hopeful it can be resolved. I can set these plugins up on a dummy site and give you a login if you would like to be able to do more direct testing.
Thanks
Hey @mattcom26,
Thanks so much for trying to isolate the issue further. We appreciate that!
We actually made some progress by writing a custom minimalist signature input field that forces the dimensions on page load.
We sent that off last week to Gravity Forms via the contact form. They said they forwarded our message to their dev team. That was on 24 March. We haven’t heard back.
If you’d like, we can try the code on a staging copy of your site while we wait.
If you’re interested, you can submit a ticket via our contact form.
https://wppopupmaker.com/support/#submit-a-support-ticket/
Scroll to the bottom and click Other Support.
Cheers!
Thanks for the latest response and glad to hear there is some potential for a fix in the near future. I have submitted a support request as suggested.
Hello,
I’m having a very similar issue. In my case, Gravityforms isn’t inside of popupmaker but popup maker is simply being used on the page. As soon as I disable the popupmaker plugin, the signature box reappears and becomes functional.
I can provide a dev site with the signature addon and popupmaker installed if this can help solve the issue. Let me know what I can do and if you’ve made any progress.
Thanks
Hey @earwickerh, @mattcom26, and @leepettijohn,
We got some great news from the Gravity Forms team.
Chris replied
May 16, 12:28am
Hi Mark. The zero-width issue for the signature field was fixed in the Signature Add-On v4.2, which is the latest release. It’s in the Signature Add-On changelog (not Gravity Forms Core):
https://docs.gravityforms.com/signature-change-log/#4-2-2022-02-17
Can you please update your Signature Add-On to v4.2 and let us know how that goes?
Thanks so much 🙂
Unfortunately I was already running this version. Gravity Forms support is referring to another issue that also was present toward the beginning of the year, which that update fixed. The issue we’re talking about here with regard to Popup Maker is similar but apparently confined to just the combination of the Popup Maker plugin and the signature field plugin for Gravity Forms. The update to v4.2 does not resolve this, but I’m not surprised they thought this was what you were asking about.
Hey @mattcom26,
Bummer. Thanks for letting us know. We’re trying to get a copy of their Signature Add-On so we can confirm it directly for next time.
I’ll ping the nice people at Gravity Forms again. Crossing fingers and toes 😉
Thanks!
How about using the dev site I’ve offered which contains both plugins for debugging the code? Thanks
Hey @earwickerh,
We got a copy of the Signature Add-On and confirmed that the 0-width signature field issue still happens in v4.2 with a conditional field and when Popup Maker is installed.
We let the good folks at Gravity Forms know that this is still an issue with 4.2. Let’s hope they can fix it soon 😉
Cheers!
Since I could not find the appropriate forum to post this one I’m doing it here. I created a form and it is saved and shows in my list of forms. In the list it says Active. I then go to Avada and when I search for adding this form to what I’m doing the form is not showing up in the forms list to pick from. Other forms are but not the one I want. I’m not sure if there is something else I need to do in GF for it to appear in the select list in Avada.
