Size of subscription form too big

  • Rymers
    Asked 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/
  • BJoanna
    Replied on September 21, 2015 at 3: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. 

  • Rymers
    Replied on September 24, 2015 at 8: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. 

  • Chriistian Jotform Support
    Replied on September 25, 2015 at 1: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.

  • Rymers
    Replied on September 25, 2015 at 1: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!

  • Rymers
    Replied on September 25, 2015 at 1: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/

  • Chriistian Jotform Support
    Replied on September 25, 2015 at 3: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.
     
  • Rymers
    Replied on September 25, 2015 at 10:24 AM

    Hello here are my screen captures

    Size of subscription form too big Image 1 Screenshot 20

  • Rymers
    Replied on September 25, 2015 at 10:25 AM

    Size of subscription form too big Image 1 Screenshot 20

     

  • Rymers
    Replied on September 25, 2015 at 10:26 AM

    Size of subscription form too big Image 1 Screenshot 20

     

  • BJoanna
    Replied 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.

    Size of subscription form too big Image 1 Screenshot 20

    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.

  • Rymers
    Replied on September 25, 2015 at 9:01 PM

    Ok, Thank you so much! :)