Form not displayed fully

  • kranai
    Asked on February 15, 2016 at 12:44 PM

    Hi

     

    I was testing one of your template form. I am using Xara Designer Pro X11 and I copied your embedded code for Xara and placed it in a placeholder. When I did a preview of the webpage the form is not fully displayed. I tied with another template and the same effect. 

    I even tried stretching the placeholder it still doesn't display fully no matter how wide and long I stretched the placeholder.

    Am I missing something in the setting etc?

    Appreciate your answer

    Best rgds

    Kish

     

  • BJoanna
    Replied on February 15, 2016 at 2:33 PM

    Please try to use the iFrame code instead of the regular embed code:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Then go into the Selector Tool in XARA Web Designer and paste (Ctrl+V). An image of your form will appear on your page.

    Hope this will help. Let us know if you need further assistance.

  • kranai
    Replied on February 15, 2016 at 10:57 PM

    Hi

    Thanks for your prompt reply. It worked but to a certain extend. I still cannot see the bottom portion where my submit button is. I have also stretched the placeholder as well. You can view this in my website www.insight-acad.com see under the contact tab.

    Also is there anyway I can change the font type for the header?

    As for the reply from the contact form I normally get a nice tabular HTML output for the reply during my initial test.

    But now I am getting just pure text reply as shown below: Must set something somewhere?

    Question Answer 

    Form Title: Message Contact Form 
    IP Address: 222.164.233.109 

    Your Name: Prof James Try-2 
    Your E-mail Address: kish@gmail.com 
    Phone Number: (65) 9898-9898 
    Your Message: Hi

    This is a the second try...hopefully it works.

    Appreciate your kind reply best rods kish

  • BJoanna
    Replied on February 16, 2016 at 4:33 AM

    I have inspected your embedded form and I saw that submit button is cut off. 

    Form not displayed fully Image 1 Screenshot 20

    Please try to remove script part of your iFrame code and leave only iFrame part of the code to see if that will resolve your issue. Use only this part of the iFrame code:

    <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.me/60453557039458"

          frameborder="0"

          style="width:100%;

          height:539px;

          border:none;"

          scrolling="no">

        </iframe>

    You can also try to increase height of your form. 

    Also I noticed that your menu is scrolling trough your webpage.

    I have moved your other questions to separate threads and we will provide you an answer there shortly. 

    http://www.jotform.com/answers/773082 

     

    http://www.jotform.com/answers/773083 

  • kranai
    Replied on February 16, 2016 at 4:49 AM

    Hi

     

    Tried what you suggested...did not work. This time I can only see half the form.

    So I reverted back to the old version

    as the menu moving ...it is designed that way.

    Look forward for mrs ideas

    kish

     

  • BJoanna
    Replied on February 16, 2016 at 5:59 AM

    Did you tried to increase the height of your form, when you embedded only iFrame part of the code? Please try to set the height to 839px.

    <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.me/60453557039458"

          frameborder="0"

          style="width:100%;

          height:839px;

          border:none;"

          scrolling="no">

        </iframe>

    Form not displayed fully Image 1 Screenshot 20

  • kranai
    Replied on February 16, 2016 at 6:28 AM

    Hi

    Great now this is sorted. I need to have the following:

     

    1. can I have a "Clear/Reset form" button next to the "Submit button. This is for people who have type something but decide to clear and re-start again.

     

    2. When the Thank You message appears on the screen after successful submission...it remains on my screen forever even if I jump to another page and return to contact page again....the thank you screen is still there...shouldnt the "thank you" screen disappears on a click of button so that contact form can be seen again...what is the normal workings of this?

    Look forward to your answer.

    kish

  • Kiran Support Team Lead
    Replied on February 16, 2016 at 9:13 AM

    Glad to see that the issue is now sorted out. I've moved the other questions to different threads which will be addressed there shortly.

    http://www.jotform.com/answers/773278 - Reset/clear button

    http://www.jotform.com/answers/773281 - Thank you message

    Thank you!