How to adjust the Length of form in Facebook

  • Profile Image
    AutomotiveRepaironline
    Asked on April 29, 2011 at 09:25 AM

    How to adjust the Length of form in Facebook?

    I have adjusted all i know how to do but the bottom of form is cut off.

    I was wondering how to shrink the Service Items List.

    as you can see the Submit button is not showing

    Thank you, Leon

    www.autohelprepair.com

  • Profile Image
    DanielGriffin
    Answered on April 29, 2011 at 09:38 AM

    Hi Leon,

    Have you experimented with shirinking/expanding the list?  Open the form in the form builder and right click on the edge of your list to make a change.  Any double lines could be displayed as single lines which would save you some space.  I tried it on a clone of your form and got the following result:

    Results in:

    I don't want to do it to your live form incase it misbehaves in Facebook, but you could definitely save some room this way.  If that doesn't work you could try reducing the font size for the entire form by injecting the following css:

    .form-all {font-size:80%}

    To inject custom CSS have a look here:

    https://www.jotform.com/answers/tag/Inject%20Custom%20CSS

  • Profile Image
    DanielGriffin
    Answered on April 29, 2011 at 09:42 AM

    Leon, I am deleting the duplicate posts for this question.

    Thanks,

    Daniel

  • Profile Image
    AutomotiveRepaironline
    Answered on April 29, 2011 at 10:03 AM

    Thank you Daniel, Yes i did shrink the form no help will try the CCS 

    Leon

  • Profile Image
    AutomotiveRepaironline
    Answered on April 29, 2011 at 10:21 AM

    Hey Daniel I injected the CCS no help. Umless i did something wrong? Take a Look

    Leon

  • Profile Image
    DanielGriffin
    Answered on April 29, 2011 at 10:39 AM

    Hi Leon,

    It looks like the Jotform font setting was overriding the injected CSS.  I have dropped the font size by one point for you (from 12 to 11).  See what you think and let me know.

     

    Also, I noticed something odd.  The labels Shrink and Expand have become mixed up for your form somehow.  ie Shrink is expanding it.. I just did a quick test on your live form and as expected it does save some space but some of your longer questions get truncated - I've put it back the way it was now so that it is legible again.  If you can make the iframe wider and expand the section again then you should be ok.  Have a look at this link re facebook iframe apps:

    https://www.jotform.com/help/82-Add-Form-to-Facebook-using-an-iframe-application

    Thanks,

    Daniel

  • Profile Image
    AutomotiveRepaironline
    Answered on April 29, 2011 at 11:24 AM

    Yes the expand and shrink is oposite for all my forms.

    Most excellent!! Thank you!!

    Daniel, Do you know how to secure the form or link to Jots secure Server from Facebook??

    Thank you much, Leon

  • Profile Image
    DanielGriffin
    Answered on April 29, 2011 at 11:30 AM

    Great,

    Glad it is sorted.  I see that you have posted another thread regarding your secure facebook submissions.  We'll investigate for you and someone will have an answer for you asap.

    Thanks

    Daniel

  • Profile Image
    AutomotiveRepaironline
    Answered on April 29, 2011 at 11:34 AM

    ok great!

    Thank you for everything, Leon