How can I change the Confirm button in the SMS Widget to go under name field and increase it's height to match the name field of my form

  • easymovegta
    Asked on February 18, 2021 at 1:05 AM

    Please take a look at my form and I wanted to know how I can change the confirm button in the Phone field to go under the box. Reason being when I embed this in my site it works well however on an Iphone the confirm button gets cut off. What can I do? here is a link to my site with the form. I would like to know how I can change the size of the box so that all the boxes are the same size.


    https://www.easymovegta.com/whattoknowaboutsellingyourhomeduringcovid/

  • Sam_G
    Replied on February 18, 2021 at 4:41 AM

    Hi Easymovegta,

    Thank you for contacting Support.

    Let me work on this and will get back to you with an update.


  • Sam_G
    Replied on February 18, 2021 at 4:49 AM

    Hi Easymovegta,

    Kindly add this CSS codes:

    #customFieldFrame_9{

     height: 58px !important;

    }

    widget #send_btn{

     position: absolute;

    margin-top: 25px;

    margin-left: -150px;

    }

    https://www.jotform.com/help/117-how-to-inject-custom-css-codes
    Let us know if you need further assistance.

  • Sam_G
    Replied on February 18, 2021 at 5:14 AM

    Hi Easymovegta,

    Kindly add this CSS codes:

    This on the Form Builder:

    #customFieldFrame_9{

     height: 58px !important;

    }

    1613643176 602e3da84a7a4  Screenshot 10

    This on the Widget:

    #send_btn{

     position: absolute;

    margin-top: 25px;

    margin-left: -150px;

    }

    1613643206 602e3dc6cf510  Screenshot 21

    It should look like this: 1613643243 602e3deb92eb6  Screenshot 32