What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Resize email correctness check widget.

    Asked by jasonsvctech on January 29, 2017 at 04:30 PM

    Can you assist with CSS code to resize the email correctness check widget input box? I have a form that I am using for appointment reservations that I am trying out the email correctness widget on and I need assistance with how to resize the column and row size to make it conform to the overall sizing of the rest of the form to ensure our operators don't overlook it due to its small size. Please help.

     

     

    The form in question is here:https://form.jotform.com/70215494726963 

    To overcome the conditional logic of the form:

    You will need to enter any name in the operator name 

    then you will need to enter 19426 in the next opening

    then you will need to enter: "home" under the type of repair

    then enter the name and phone number - these just need to be filled no check on them.

    the next part that arrives is the email. This email block needs to be larger and would be but because it is a widget, I can't resize it as I would typically as other form fields are easily resizable through the application. 

    Please assist wth CSS coding assistance to increase the row and column sizing. 

     

    In Kindness,

     

    Jason

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 29, 2017 at 10:11 PM

    Please add the code below into the Custom CSS area of the Email Correctness Check widget.

    #user_email {

        width: 673px;

        height: 40px;

        font-size: 2em;

    }

    .email-suggestion {

        font-size: 1.5em;
    }

    If you need further assistance, please let us know.
    Regards.