What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Size of subscription form too big

    Asked by Rymers on September 21, 2015 at 11:03 AM

    Hello, I have a monthly newsletter subscription form running on both my Tumblr blog and my Wordpress blog.. on Tumbler it looks just fine size wise.. but on WORDPRESS it is HUGE and looks too big. How do I correct this ? Thanks

    Here is the comparison

    Wordpress:

    https://fairytalesimagery.wordpress.com/397-2/

     

    Tumblr

    http://fairytalesimagery.tumblr.com/Newsletter

     

    Page URL:
    https://fairytalesimagery.wordpress.com/397-2/

    subscription form size thanks hello
  • Profile Image
    JotForm Support

    Answered by BJoanna on September 21, 2015 at 03:18 PM

    I have inspected your form on WordPress site and form is located inside of 

    <article id="post-397" class="post-397 page type-page status-publish hentry">  element. But width of JotForm iFrame occupies 100% of that element and because of that form is expanded to size of that element. 

    You can try to change the width of element inside of which Jotform form is embedded of you can try to embed your form with iFrame code to see if that will resolve your issue. 

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

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

  • Profile Image

    Answered by Rymers on September 24, 2015 at 08:25 PM

    Hi, thank you so much, I do not see where to put code into my pages to make the IFRAME work actually. sorry!  I have been pouring over the page and can not find where to embed the IFRAME code. 

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 25, 2015 at 01:03 AM

    Hi,

     

    You can add the iFrame code in the page where you want the form to be displayed. You can check this article for more information: How to Embed Form to Wordpress.com.

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by Rymers on September 25, 2015 at 01:18 AM

    hi ! When I follow the directions to your link above it works fine if I am just embedding the form normal using the URL HTTP line at the top provided and placing it in .. but if I grab the IFRAME code.. and I just place that in.. it does not work. the page views showing all the code and no form. Sorry!

  • Profile Image

    Answered by Rymers on September 25, 2015 at 01:20 AM

    The reason I am trying to get the form in with IFRAME is that when I put the form in like normal it LOOKS HUGE and not proportional .. it was suggested I try to use IFRAME to get it down to normal size in wordpress. you can see link here to see how it is  too big

     

    https://fairytalesimagery.wordpress.com/397-2/

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 25, 2015 at 03:13 AM

    Hi,

    Can you try to embed the form using the iFrame code only and see if it will work? Remove the <script> tag.

    <script type="text/javascript">
          window.handleIFrameMessage = function(e) {
            var args = e.data.split(":");
            var iframe = document.getElementById("JotFormIFrame");
            if (!iframe)
              return;
            switch (args[0]) {
              case "scrollIntoView":
              iframe.scrollIntoView();
              break;
              case "setHeight":
              iframe.style.height = args[1] + "px";
              break;
              case "collapseErrorPage":
              if (iframe.clientHeight > window.innerHeight) {
                iframe.style.height = window.innerHeight + "px";
              }
              break;
              case "reloadPage":
              window.location.reload();
              break;
            }
          };
          if (window.addEventListener) {
            window.addEventListener("message", handleIFrameMessage, false);
          } else if (window.attachEvent) {
            window.attachEvent("onmessage", handleIFrameMessage);
          }
    </script>
     
    If the iFrame code still does not work, if possible, can you remain the iFrame code in your page so we can also check the page if not please provide us a screenshot of the display of the form when you add the iFrame code so we can further check the issue.
     
     
    We will wait for your response.
    Regards.
     
  • Profile Image

    Answered by Rymers on September 25, 2015 at 10:24 AM

    Hello here are my screen captures

  • Profile Image

    Answered by Rymers on September 25, 2015 at 10:25 AM

     

  • Profile Image

    Answered by Rymers on September 25, 2015 at 10:26 AM

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 25, 2015 at 12:31 PM

    As I mentioned on previous post the reason why your form is zoomed is because the WordPress element that holds the form has 470 px of width, so form has less space and applies mobile layout. 

    While the one on the other site has 520 px in width, so it looks a bit more distanced.

    The WordPress element holding the form should be larger. I think that <article id="post-397" class="post-397 page type-page status-publish hentry"> element is holding the form.

    Considering that this is not JotForm functionality, it is WordPress we can not fix it for you. If you do not know how to fix it I would suggest you to hire someone to fix it for you. 

    Feel free to contact us if you have any other questions.

  • Profile Image

    Answered by Rymers on September 25, 2015 at 09:01 PM

    Ok, Thank you so much! :)