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

    How can I increase the width of a text box within a template? (Matrix field input)

    Asked by mlunderhill on May 07, 2012 at 01:57 PM

    I need to increase the width of the candidate and write-in text boxes so the entire names of the persons are visible.

    Page URL:
    http://underhillsoiety.org/vote.htm

  • Profile Image

    Answered by pinoytech on May 07, 2012 at 02:03 PM

    Hi,

    All you need to do to increase the width of your text box is:

    1. Click Text Box

    2. Go to Properties tab

    3. Click Size button/icon to increase the width

    Hope this help. If you need further assistance, feel free to contact us again anytime.

    Thank you!

  • Profile Image

    Answered by mlunderhill on May 07, 2012 at 02:15 PM

    That only applies to text boxes from the creation menu at left of the work area. I refer to my particular form at http://underhillsociety.org/vote.htm which is a template with the input type of "text box" selected in form edit.  The form edit doesn't have a way to change the size of the existing tex boxes.

  • Profile Image

    Answered by AtacanC on May 07, 2012 at 04:03 PM

    You need to inject the CSS Code below in order to increase the width of text box within a template.

    .form-matrix-values .form-textbox {

    width: 150px;

    }

    I've also made a sample form for you. Is this what you want to do?

  • Profile Image

    Answered by mlunderhill on May 07, 2012 at 05:12 PM
    Yes, that's exactly what I need. How do I incorporate this CSS Code?
    Mel
  • Profile Image

    Answered by AtacanC on May 07, 2012 at 05:46 PM

    Please take a look at this User Guide Article. Copy the Css Code i gave above and inject into your form as shown in the User Guide.

  • Profile Image

    Answered by mlunderhill on May 07, 2012 at 06:08 PM
    Thank you much. Fine now.
    Mel
  • Profile Image

    Answered by AtacanC on May 07, 2012 at 06:12 PM

    You are always welcome, Mel. Feel free to contact us if you have any other questions.

  • Profile Image

    Answered by mlunderhill on May 08, 2012 at 02:21 PM
    I have the CSS input set to 250 px and wonder why the result of a
    submission stacks the name in the write-in field and not the candidate
    field.
    Mel Underhill
    ---------- Forwarded message ----------
  • Profile Image
    JotForm Support

    Answered by Mike_T on May 08, 2012 at 04:17 PM

    I have made a test submission, and everything seems to be fine.

    Can you please re-check the service from your side?

    Thank you for cooperation.

  • Profile Image

    Answered by mlunderhill on May 08, 2012 at 04:48 PM
    It looks good except for the Heritage Corner line where the name still
    stacks as it's the longer name. I see my CSS input is the same as before,
    what did you do?
    Mel
    ---------- Forwarded message ----------
  • Profile Image
    JotForm Support

    Answered by Mike_T on May 08, 2012 at 05:20 PM

    I have not touched your form. You may try clearing your cache to see if that makes any difference.

    Can you please provide us with screenshot where we can see that stack problem?

  • Profile Image

    Answered by mlunderhill on May 08, 2012 at 06:40 PM
    I sent you a screenshot of my latest submission using Safari separately. I
    was using the Safari browser before, so there must be issues with that
    browser. It came thru OK on IE.
    Mel
  • Profile Image

    Answered by mlunderhill on May 08, 2012 at 07:05 PM
    The screenshot from Outlook did not go out, so please take my word for it
    that it stacked the output field in Safari unless you want me to try
    something else.
    Mel
  • Profile Image
    JotForm Support

    Answered by Mike_T on May 08, 2012 at 07:06 PM

    I have tried to reproduce any issue using Safari 5.1.2 & 5.1.5, but I was not able to do so.

    You can also try to install the latest version of Safari. I hope this helps.

  • Profile Image

    Answered by mlunderhill on May 09, 2012 at 09:24 AM
    I finally got a screenshot of my result on Safari 5.1.5 after emptying the
    cache. It's attached.
    Mel
  • Profile Image

    Answered by mlunderhill on May 09, 2012 at 10:15 AM
    In case you didn't receive this, the attached is effort on IE.
    Mel
  • Profile Image

    Answered by mlunderhill on May 09, 2012 at 10:59 AM
    From Safari on my MAC.
    Mel
    ---------- Forwarded message ----------
  • Profile Image
    JotForm Support

    Answered by Mike_T on May 09, 2012 at 04:04 PM

    I am sorry, but attachments are not going through our support forum.

    Can you please upload your screenshot(s) here, and then provide us with Image URL(s)?

  • Profile Image

    Answered by mlunderhill on May 09, 2012 at 06:34 PM
    I uploaded 2 files, one from Safari that stacks a long name and one from
    Internet Explorer that does as it should. I emptied the Safari cache and
    checked my version, which is 5.1.5, before the test.
    Mel
  • Profile Image

    Answered by jeanettebmz on May 09, 2012 at 11:08 PM

    In order to post a screenshot into our forum please follow this guide: (though it has been already posted as a link, here I leave the guide )

    1. Open a new browser tab or window, go to our image repository and click Choose File

    2. When the Open dialog box pops up, navigate your way to the folder containing the image and either double-click its filename or click it and then click Open:


    3. Click Send Image:

     

    4. (Step 5) Click the URL and select all of it [Ctrl + A] and copy it to the Windows clipboard [Ctrl + C]:


    5. Go back to the tab or window containing the post in which you wish to embed the screen shot and click where you want to insert it (Hit [Enter] to insert it two lines below the text o

    6. Click the Insert/edit image button. It's the button that looks like a mango tree on a green pasture on a sunny day (okay, perhaps that's going a bit overboard!) :

    7. Paste [Ctrl + V] the URL from your clipboard into the Image URL text box and then click Insert:

    Hope this helps in order to see the screenshots you want us to see

    Jeanette

  • Profile Image

    Answered by mlunderhill on May 10, 2012 at 02:39 PM

    Here is my screenshot link.  Does this work?  I'm looking at this latest post.  I don't see the menu for insert/edit image you mention.

    https://cms.jotform.com/uploads/image_upload/image_upload/global/6430_Full screen.png

  • Profile Image
    JotForm Support

    Answered by Mike_T on May 10, 2012 at 05:29 PM

    Thank you for providing your screenshot, now we can see it.

    In order to solve the problem, please follow next steps:

    a) Open your Notification.

    b) Increase the width of your {slate} table cell. For example, you can set it to 500.

    Result in Safari:

    Please give it a try, and let us know if you need any further assistance.

  • Profile Image

    Answered by mlunderhill on May 10, 2012 at 07:16 PM
    At last! Now we're talking, thanks again.
    Mel U
  • Profile Image
    JotForm Support

    Answered by Mike_T on May 10, 2012 at 07:19 PM

    You are quite welcome, Mel :)