Forums

Hello,
A new form with radio box with results from 1 to 10 seems to disturb the template. The 'right'-column of the template gets twice as broad, and the form is too small to show the radio buttons in a horizontal row. Other forms work fine, so I think it must be the radio box. Look at http://www.bodymindopleidingen.nl/index.php/272comm
Could'n find anything in the forum so far.
Paul.

Hi Paul,

I spent a while looking and don't see exactly what is setting the width. I think that your template is dividing the page width exactly in two. ChronoForms doesn't usually do much with width settings, though it is possible that there is a conflict with a class name somewhere.

Bob

Even if I use a template with only one column (so there is no right or left column), the form gives only 8 radio buttons on a row, and the last two on a new line. I noticed already that users of the form now tend to give a maximum score of 8 out of 10, because they overlook the last two radio buttons. How do I get them all on a single row?

Hi hks,

If you can't solve the template problem then the simplest fix is to set the label width to say 12px (see image); or better use the stars code from this FAQ. If you allow the 'halves' option you can use a scale of 10 - though with my psychology hat on a Likert scale of five is probably more useful.

Bob

Wow, that looks good. But how did you set the label with to 12px?

Found it! Change in template. Tnx!

Hm. Now the only problem is: the 'right' column in the template is still twice as wide as should be. Could this be fixed in the css too? Else I have to skip the right column and put just the form on the page (which would not a big disaster).

Hi hks,

The problem is with this div in the template

<div class="art-layout-cell art-content">

If you remove the art-layout-cell class the form reverts to full width.

Bob

PS Your form is inside <p> tags which will cause problems with IE.