My (mini) form is too large for my mobile device screen

  • Profile Image
    Raj Zavery
    Asked on April 27, 2013 at 08:22 AM

    I would like the (pop-up) form that appears in a new page on my iphone to fill the page not over stretch it; also the bottom part of the form is trimmed short so part of the "submit" button is lost. I would like the pop up window and the thankyou reply to fit the screen. Also, is it possible to have a close feature on the thankyou page that closes that window OR a link facility that retuns you to the page you troggered the form (in my case each page has an email button in the footer that triggers the pop up form)

  • Profile Image
    EltonCris
    Answered on April 27, 2013 at 08:44 PM

    Hi Raj,

    Regarding on the form length, just increase the html snippet on your iWeb Program where you've pasted your form source code. That should fixed the cut off issue at the bottom part of the form.

    For the styling, add this CSS on your form source code between style tags.

    #input_7, #input_4{

    max-width: 158px;

    }


    For auto-closing thank you page, use Custom URL and point your custom thank you page with a custom script code that auto-close after a defined time. You can use this code: http://pastebin.com/raw.php?i=9BYiS3si, feel free to modify this.

    Here's a guide:

    1. Save that code as html file e.g. thankyou.html

    2. Upload it to your server

    3. Set it as your form's custom thank you URL

    Hope this helps. Thank you!