Some Labels Not Stacking

How to fix labels not stacking on smaller screens for multiple choice fields.

Overview

The issue occurs because ChronoForms does not automatically adjust the layout of checkbox and radio button groups for different screen sizes.
Set the CheckBox group to 'Label Over' in the form settings. For responsive horizontal layouts on larger screens, you will need to add custom CSS to detect screen size.

jj jjspelman 14 Sep, 2016

I have created a form that is not stacking all labels when viewed in smaller portals. it seems to only happen to the multiple choice checkboxes and radio buttons. Anyone have experience with this issue?

http://www.pinellaspark.astroskatingcenter.com/index.php/new-form

Gr GreyHead 14 Sep, 2016

Answer

Hi jjspelman,

Please try setting the CheckBox group to Label Over.

Bob

jj jjspelman 14 Sep, 2016

Thanks, Bob. I figured that would work but wanted them horizontal on larger screens. Oh well.

Gr GreyHead 14 Sep, 2016

Hi jjspelman,

Hmmm I see what you mean - I think that would need some custom CSS tp detect the screen size. CF isn't clever enough to do that.

Bob

Gr GreyHead 14 Sep, 2016

Hi jjspelman,

Hmmm I see what you mean - I think that would need some custom CSS to detect the screen size. CF isn't clever enough to do that by itself.

Bob

This topic is locked and no more replies can be posted.