How can I make a Text Box large with larger text font?

  • cemoyer
    Asked on October 19, 2014 at 5:19 PM

    I created a membership application form.  The prospect completes the form and submits to our email address.  The text boxes are rather small in relation to the size of the web page.  If you want to check it out go to looseties.com and complete the application.  You'll see what I'm talking about.  I've tried everything I could think of to make the box larger but no success.

  • jonathan
    Replied on October 19, 2014 at 8:02 PM

    Hi,

    You can customize the Textboxes to larges size using the new Form Designer.

    How can I make a Text Box large with larger text font? Image 1 Screenshot 50

     

    When on the Form Designer, click on the Textbox. This will open Textbox Styles property in the Design tab.

    How can I make a Text Box large with larger text font? Image 2 Screenshot 61

     

     

    Look for the Textbox Height option -- you can specify the height in pixel. (i.e. I made it 50px)

    --

    To increase the font-size of all the input boxes, you can inject custom CSS code like this

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input,

    .form-checkbox-item label,

    .form-radio-item label {

    font-size: 22px !important;

    }

    (in this CSS code I specify 22px as the font-size)

    User guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If all done correctly, everything should be bigger like this

    How can I make a Text Box large with larger text font? Image 3 Screenshot 72

     

     

    --

    Just to let you know also, it seems there is still a bug in our new Form Designer on the Font Style/Size Options.

    Because when I tried setting the font-size using the designer, the font-size did not take effect on the input boxes.

    How can I make a Text Box large with larger text font? Image 4 Screenshot 83

    so, we have to use custom injected CSS code for now to increase the font-size of the Textboxes.

    I have reported this bug to our higher team support so that they can fix it as soon as they can.

    Hope this help. Inform us if you need more assistance.

    Thanks!