How to make my radio button a required field.

  • Profile Image
    perrymanku
    Asked on August 22, 2013 at 05:02 PM

    Hi,  my form http://form.jotformpro.com/form/32334824017953?

    has a radio button option, how do I make this a required field.

     

    Also the first drop down is not enabled. It is like something is overlapping it adn the same with the tick box at the bottom

     

    Please advise

     

    Perry

  • Profile Image
    khrisell
    Answered on August 22, 2013 at 06:20 PM

    Hello Perry,

    To be able to make the radio button a required field.

    You just need to click the field and then look at the panels above (In their properties)

    And click Required.

     

    For a seperate question, kindly create a new thread.

    Please let us know if you are having difficulties with your form.

    And we'll help you with it.

    Thank you.

  • Profile Image
    Cesar
    Answered on August 22, 2013 at 06:21 PM

    Hello, your radio buttins are already setup as required, they do give an error message that send you back to the form in case they are not selected. I can have a default value already selected if that works out for you. 

    Below I've appended the Form Style that has allowed me to have the dropdown and the I Agree check mark enabled wih out any problems. 

    The text in bold is what I have added to your current Form Style:

     

     

    @charset "utf-8";

    /* CSS Document *//* Injected CSS Code */.form-all {

    background: url("http://www.uccc.co.uk/img/competitions/25voucher/UCCC_AppleComp_Sc2_BG.jpg") no-repeat;

    height: 1000px;

    }

    .form-all input, select {

    border: 1px solid #b7bbbd;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 4px;

    }

    .form-line-error {

    background: none;

    }

    .form-textbox {width: 200px !important;}.form-dropdown {width: 207px !important;}

    #id_1 {

    position: absolute;

    top: 590px;

    margin-left: 300px;

    }#id_2 {

    position: absolute;

    top: 590px;

    margin-left: 520px;

    }#label_1, #label_2 {

    display: none;

    }#id_3 {

    position: absolute;

    top: 640px;

    margin-left: 300px;

    z-index: 15;

    }#label_3 {

    display: none;

    }#id_4 {

    position: absolute;

    top: 640px;

    margin-left: 520px;

    } #label_4 {

    display: none;

    }#id_5 {

    position: absolute;

    top: 685px;

    margin-left: 300px;

    } #label_5 {

    display: none;

    }

    #id_6 {

    position: absolute;

    top: 745px;

    margin-left: 143px;

    z-index: 17;

    } #label_6 {

    display: none;

    }

    #id_7 {

    position: absolute;

    top: 730px;

    margin-left: 299px;

    font-family: Tahoma;

    font-size: 10px;

    z-index: 18;

    } #label_7 {

    display: none;

    }

    #id_8 {float: right;margin-top: 120px;margin-right: 12px;}#input_9_0 {

    position: absolute;

    top: 730px;

    margin-left: 299px;

    font-family: Tahoma;

    font-size: 10px;

    }

    #label_9_0 {

    display: none;

    }

    #cid_9 {

    margin-left: 39% !important;

    margin-top: 3% !important;

    }

    label#label_9.form-label-left {display: none;

    }

     

     

     

    If you require any further assistance do let us know.