Alterations of appearance of text fields.

  • Benflips
    Asked on July 12, 2016 at 6:29 AM

    Is it possible to reduce the 'width' of a text field (in this example, the text on page 2 that starts with 'Great!'), or in some other way create a round-cornered edge or line around it just wider than the margins of the centred text...and possibly also give it a slight transparent background colour so that when it appears it 'makes an entrance!'

  • Irshad
    Replied on July 12, 2016 at 9:27 AM

    I am checking this, and will send you further updates very soon.

  • Irshad
    Replied on July 12, 2016 at 10:19 AM

    This can be achieved by injecting custom css code

    You would require to write the below css code:

    #cid_48.form-input-wide {

       border-radius: 25px;

        background-color: #5BBBEB;

        width: 438px;

        height: 118px;

        margin: 6px auto;

    }

    I have created the Clone form, so please check that to below URL:

    https://form.jotform.co/61933481295967

    Also please check the screenshot:

    Alterations of appearance of text fields Screenshot 20

    If you face any issue, or need further assistance please let us know.

    Thanks.

  • Benflips
    Replied on July 12, 2016 at 8:45 PM
    Thank you. I've done this with some modifications. Great!
    *Regards,*
    *Dr. Ben Phillips*
    Chiropractor
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
    ...