Skip to main content

Hello,

I'm using Nintex Form on SharePoint and trying to use jQuery to it.

I want to sandwich the Choice with DIV tag. But can't fine anywhere to edit html..

And also want to set an ID to the choice.

Like this:

   <div class="block">
    <div id="radios">
            <input id="option1" name="options" type="radio">
                <label for="option1">1 <br>year</label>

           <input id="option2" name="options" type="radio">
                 <label for="option2">2 years</label>

           <input id="option3" name="options" type="radio" checked>
                 <label for="option3">3 years</label>

           <input id="option4" name="options" type="radio">
                 <label for="option4">4 years</label>

           <input id="option5" name="options" type="radio">
                 <label for="option5">5+ years</label>

     </div>
    </div>

Is there a way?

if you open choice control configuration dialog, you will find there foramtting section.

within it there are two fields 'Control CSS class' and 'CSS class' where you can place your 'Block' and 'Radios' classes.

as per assigning IDs, it's not possible OOTB, you would need write a javascript that would do it.

but you can use above mentioned CSS classes to write a selector which identifies single radio options


Thank you very much. I will try to amend the Java Script to see if it works.


Reply