adjust browser window

  • designsby
    Asked on March 6, 2014 at 8:44 PM

    I am linking to my form and was wondering if there was a way to adjust the browser window on the form end to be just a little wider than the form, and not have the form floating in the middle of the window. 

    I was also told that the forms were all responsive. I just tested the two i have made and they don't adjust down on mobil sizes. Do I need to do anything additional? I am linking to them vs putting the code on my page.

    Please advise.

    Page isn't yet live, but here is a link. The reservation links are mid-page. You can see how the form looks in a full browser window, and on a small screen.

    Thanks.

    patty

  • Ashwin JotForm Support
    Replied on March 6, 2014 at 10:41 PM

    Hello Patty,

    I am linking to my form and was wondering if there was a way to adjust the browser window on the form end to be just a little wider than the form, and not have the form floating in the middle of the window. 

    I am not sure if I have understood your question correctly where you say the window on the form end to be just a little wider. Upon checking your web page, I found that your are using your form's direct URL hence it will show the complete width of your form.

    Please inject the following custom css in your form to left align the form fields:

    .form-all {float: left;}

    The following guide should help you to inject the custom css: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Do check and get back to us if you have any problem in viewing your form in mobile devices.

    Thank you!

  • designsby
    Replied on March 8, 2014 at 3:08 PM

    I guess what i want to do is hard for me to describe. Half way down on this page is a like to a reservation form:

    http://www.tailwaginn.com/dog-kennel-reservations.html

    The code in the page is:

    <div id="Layer4" style="cursor:pointer">

      <h2 onclick = "new_window = window.open('returning-pet-reservation.html', 'new_window', 'height=800,width=725,top=50,left=350,scrollbars=yes');">Online reservation short-form for returning pets. </h2>

    </div> 

    The link opens up the reservation form in a browser window that is just slightly wider than the form... 750. I was wondering if I could do this on the form end instead of coding it in the page like I have done here.

    Thanks.

    (The suggestion you gave was great... but not what works in this instance.

    Thanks. Patty 

  • Cesar
    Replied on March 8, 2014 at 4:39 PM

    Unfortunately the code to make the form load in such a customized window, will need to be part of the website code, such as the code you currently have on your site. Alternatively, you could also use a lightbox code to load up your form from a link.

    Kindly review this guide if you are interested in such option:
    How-to-Create-a-Lightbox-Form

     

    Do let us know if you need any further assistance. Thank you.