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

  • Profile Image
    mlunderhill
    Asked 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.

  • Profile Image
    pinoytech
    Answered 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
    mlunderhill
    Answered 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
    AtacanC
    Answered 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
    mlunderhill
    Answered 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
    AtacanC
    Answered 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
    mlunderhill
    Answered on May 07, 2012 at 06:08 PM
    Thank you much. Fine now.
    Mel
  • Profile Image
    AtacanC
    Answered 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
    mlunderhill
    Answered 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
    Mike_T
    Answered 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
    mlunderhill
    Answered 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
    Mike_T
    Answered 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
    mlunderhill
    Answered 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
    mlunderhill
    Answered 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
    Mike_T
    Answered 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
    mlunderhill
    Answered 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
    mlunderhill
    Answered on May 09, 2012 at 10:15 AM
    In case you didn't receive this, the attached is effort on IE.
    Mel
  • Profile Image
    mlunderhill
    Answered on May 09, 2012 at 10:59 AM
    From Safari on my MAC.
    Mel
    ---------- Forwarded message ----------
  • Profile Image
    Mike_T
    Answered 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
    mlunderhill
    Answered 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
    jeanettebmz
    Answered 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
    mlunderhill
    Answered 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
    Mike_T
    Answered 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
    mlunderhill
    Answered on May 10, 2012 at 07:16 PM
    At last! Now we're talking, thanks again.
    Mel U
  • Profile Image
    Mike_T
    Answered on May 10, 2012 at 07:19 PM

    You are quite welcome, Mel :)