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

  • Tempt
    Asked on May 31, 2017 at 9: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

    Jotform Thread 1159124 Screenshot
  • David JotForm Support Manager
    Replied on May 31, 2017 at 1: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;

    }

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

    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.

  • Tempt
    Replied on May 31, 2017 at 2: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