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

    I want to get text areas / radio buttons of widgets to look the same as the rest of form

    Asked by Tempt on May 31, 2017 at 09:09 AM

    Hi Jotform,

     

    I would like to have all fields on the form to have the same style text area (rounded corners & height) and same style radio buttons so that they match.

     

    The two trouble fields are widgets under the labels:

    Dimensions of Allocated Space

    Dimensions of Packaged Products

     

    Please see the attached screenshot describing the changes I would like to make.

     

    Kind Regards,

     

    Thomas

    Page URL:
    https://form.jotformeu.com/71485945316363

    Screenshot
  • Profile Image
    JotForm Support

    Answered by BDAVID on May 31, 2017 at 01:34 PM

    On regards of the text boxes, please inject the following CSS code inside your Configurable List widget CSS area:

    input[type=text] {

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

        height: 20px;

        border-radius: 6px !important;

    }

    On regards of the checkbox, it appears it can not be styled as it is not taking the following code:

    input[type=checkbox]{

        -webkit-border-radius: 50% !important;

        -moz-border-radius: 50% !important;

        border-radius: 50% !important;

    }

    Let us  know if you have more questions.

  • Profile Image

    Answered by Tempt on May 31, 2017 at 02:19 PM

    Ah, that's a shame but I'm happy with what has been achieved, it's looking great!

     

    Thank you so much for your time and effort! I really appreciate it!

     

    Kind Regards,

     

    Thomas