Customize radio group html output

Hi,
I'm a newbie with Chronoforms and I'm evaluating it because I need to write a form for a customer satisfaction survey. I need to show a list of single answer questions using radio button groups and bootstrap btn-group class. The output should be like the Test 1 in this example http://jsfiddle.net/KyleMit/0nevkwyn/

The html output should be:

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
<input type="radio" id="q156" name="quality[25]" value="1" /> 1
</label>
<label class="btn btn-default">
<input type="radio" id="q157" name="quality[25]" value="2" /> 2
</label>
...

but with Chronoforms I get this:

<div class="gcore-radio-item" id="fitem">
<input name="quest-1" id="quest-1" value="1" class="btn btn-default" title="" style="" data-load-state="" data-tooltip="" type="radio" />
<label class="gcore-label" for="quest-1">1</label>
...

Is there a trick to put the input tag inside the label? And how can I set the class for label and div tags? Chronoforms "Edit element settings > Class" parameter sets only radio input classes.

Thanks, Chronoforms is awesome! 😀
stefanoel

Hi Stefanoel,

For this you will need to use a full custom element, because you can't change the fields html output!

You may also use a full custom code form if you prefer that, this will ignore the designer section fields, but you will still use the "Setup" data.

Regards,
Max