Pop up form does not populate upon opening the first time.

  • jatcoservices
    Asked on October 23, 2020 at 12:02 PM

    I have a form: Podcast post Voice recorder. I have it triggered in a pop up window on my site. I use it in every blog post.


    1, Other browser:

    A blank pop up comes up when form is called. I close it by clicking on the X top right. I open it again. This second time around it populates properly. This is repeatable. Every time. First time blank. Second time okay. First time sometimes an error message. Second time fine. Error message in screen shot enclosed.

    1603468617 5f92fd4915ed9 Screen Shot 202 Screenshot 10

    Why does it not work on the first attempt?

    Browser is Opera using their VPN. Sure it is a VPN but this should not matter. Your SaaS is acting funky.



    2, Layout:

    1, The button section of this form

    is jammed up against the fields
    . It looks unprofessional. I can't find where to adjust the spacing. Screen shot enclosed.


    2, The fields of this form need adjusting. First and last are side by side which is great. The problem is I can find no way to put the other two fields side by side.

    Why doesn't the tool allow users to control the layout how we want it. I want to make a small form. To have it compressed or tight. How do I do this.

    I figured out how to eliminate Labels and just put the label inside the field as the pre-fill text.

    How do I eliminate all the waisted buffer space around the field. It make the form so huge. Sometimes this is needed. But in this case the form needs to be subtle, small, and inconspicuous.


    3, There is a boarder on the form. Where do I adjust this? Why is it cut off at the bottom? Looks unprofessional.


    4, How do I put sub text under the submit button? I need to put a spam message under the submit button but your button function does not allow this.


    5, How do I get rid of that line above the submit button. I can't find where it is coming from. It is breaking up the form. It is jamming up against the field above it. It looks unprofessional.


    [As a side note... your submission tool here is funky as well... It would not let me add a second picture. Good thing there is only 2 needed. One on the text here and one in the uploader. Why don't you allow multiple uploads? or multiple images in the text here?]

    1603468726 5f92fdb61db1a Screen Shot 202 Screenshot 21

    1603468698 5f92fd9a8b8ee Screen Shot 202 Screenshot 32

    Jotform Thread 2651982 Screenshot
  • jatcoservices
    Replied on October 23, 2020 at 12:08 PM

    Well, well, well. This intake tool showed only one of two images in the post as I created it. It did not show the other one so I loaded it again thinking it was not put in.

    That second one did not show either so I put the image in as an upload. Now when it is posted it has 3 images of the same thing. Oh my. Guys get it together.


    Why is your support software here not tight, predictable and accurate?

    The Jotform tool operates the same way! This does not give me confidence. I'm a new user and find so many things acting funky. The promise is there to do many great things... but the implementation is just not solid. It is broken.

    Guys. Not cool.

  • jatcoservices
    Replied on October 23, 2020 at 12:36 PM

    Regarding 2-2 above on compressing the and adjusting the fields.

    • I found the "shrink" function in the advnacded section.
    • I was able to shrink the remaining two fields and they jumped beside each other
    • THis is good, however, there seems to be no control over it
    • It turns out this is what is needed so okay for now but will look for controls in the future it not.


    Lastly... the space between the fields is still so big:

    • Seems the space is take up by placeholders for the Label above and sub-text below.
    • Why can't I suppress these. Eliminate these.
    • I don't want to use them and want the space they take up removed.
    • How can I do this?
    • It is not enough to just put blank text there... I want those areas removed and the fields stacked on top of each other more.
    • Remove the blank space between the fields.
  • Kenneth JotForm Support
    Replied on October 23, 2020 at 5:27 PM

    Thank you for reaching support,

    We appreciate you elaborating on the issue, we would be more than happy to address it.

    1, Other browser:

    > Can you please share with us the link to the website where the form was embedded so we can check? I suspect that there maybe conflicts with the form scripts and the browser.

    > If you can share with us a screenshot of the console report so we can check what are the errors. Here is how: https://www.jotform.com/help/453-how-to-get-a-console-report-from-most-common-browsers?

    As for your layout question, I will be addressing it on this support ticket: https://www.jotform.com/answers/2652653

    Awaiting your response.

    Best.

  • jatcoservices
    Replied on November 9, 2020 at 10:49 PM
  • Kenneth JotForm Support
    Replied on November 10, 2020 at 12:11 AM

    Hi there,

    Can you also share with us the website where the form is embedded so we can try to replicate the issue?

    Awaiting your response.

    Best.

  • jatcoservices
    Replied on November 19, 2020 at 11:15 PM

    MYsteriously the form populates In the OPera Browser.


    The problem now is the words "Recording in progress" are cut off.


    that is, when the record button is pressed your tool presents some feedback that recording is in progress. It looks broken and unprofessional when the form does not adjust for this message. As you can see in the snap shot below

    1605845390 5fb7418e1a99a Screen Shot 202 Screenshot 10


    It is located on this page: https://tombirchall.com/017-the-dirty-little-secret-that-will-make-you-more-successful/


    Once on this page scroll half way down and click this icon:

    1605845706 5fb742cade27e Screen Shot 202 Screenshot 21

  • jherwin
    Replied on November 20, 2020 at 3:17 AM

    Please inject this custom CSS Code to your form to fix the issue:

    iframe#customFieldFrame_3{
     height: 75px!important;
     max-width: 240px!important;
     width: 240px!important;
    }

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Give it a try and let us know how it goes.