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

    Infinity list widget is wider then the form

    Asked by SharmDas on April 17, 2015 at 11:26 AM

    My members submit their CPD (continued professional development) activities on a form and I would like them to complete the form on-line. I am using a multi-line widget. My html and css skill are very limited. 

    It looks 'ok' in the preview mode but when integrated into my website the width does not fit in my website which is a Wild Apricot website. Is there a widget or some code that I could use that would display each line of information in two lines?

    Any suggestions or help would be appreciated. Thanks!

    Page URL:
    https://tffpac.wildapricot.org/CPDActivities

    Screenshot
    infinity list widget
  • Profile Image
    JotForm Support

    Answered by BJoanna on April 17, 2015 at 01:19 PM

    Attempt to log in to you web site with Facebook or Google account was not successful. Considering that I can not log in to your web page I can not inspect embedded form to see problem you mentioned. Maybe you can provide us some test credentials for log in?

    However I found one form on you account that is similar to this one you provided on screenshot. Form I found is using Infinity List Widget and inside of Widget it is explained that  you can specify every input size of the field by adding value in brackets, e.g. "Field Name{123}". Default input width is 150 pixels. 

    To prevent that widget go out from the web page I suggest reducing size of each field inside of the widget.

    Or you can increase the width of the form.

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

  • Profile Image

    Answered by SharmDas on April 20, 2015 at 06:59 AM

    Thank you for your prompt reply!

    It works fine if the form is called on it's own. My website uses a responsive theme and within it the widget does not resize - understandably! Can it be rectified with any code?

    (Facebook and Google+ logins are not working yet!)

  • Profile Image

    Answered by SharmDas on April 20, 2015 at 07:13 AM

    Hi!

    I just seemed to have fixed it by adjusting the multiline widget's width. But it is also asking for height? I have given a height of 1000 pixels but I thought since it was a multiline widget it will expand depending on the number of items the users enter?

    Thanks for your help.

  • Profile Image

    Answered by SharmDas on April 20, 2015 at 08:35 AM

    Sorry for the email spam but I have decided to use the Matrix Dynamique instead but still having the height needing to be specified/fixed question...

    Any ideas?

    Thank you.

  • Profile Image

    Answered by Carina on April 20, 2015 at 10:55 AM

    The Matrix Dynamique will increase the height as you add more rows. 

    Which embedding method are you using? If you use the "embed" method the height will automatically adjust:

    Let us know if the problem persists.