I want to change the height and width of form along with textbox height

  • Profile Image
    prit1
    Asked on December 26, 2013 at 07:54 AM

    I want to change the height and width of form along with textbox height and width..i m able to change form width but unable to change textbox width..could u help me?



    This is a re-post of a comment on Getting the Form iFrame Code

  • Profile Image
    abajan
    Answered on December 26, 2013 at 08:04 AM

    To change the width of all of your form's textboxes (and the textarea), add the declaration highlighted below to the second rule of your form:

    .form-textbox,.form-textarea {
    background: rgba(255, 255, 255, 0.9);
    background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
    border:1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    font-family: 'Verdana' !important;
    font-size: 12px !important;
    padding: 5px 5px;
    width: 148px !important;
    }

    To also change the height of all of the textboxes, add the following rule, adjusting the value to suit:

    .form-textbox {
    height: 20px;
    }

    If you need further help with this or anything else JotForm related, we'd be happy to help.