2.2: radio button spacing is incorrect


I guess the style for vertical radio buttons is generated in code. -5 is the top margin? Anyway, the spacing for radio buttons is too close, or doesn't line up exactly with the text. IE has the worst spacing misalignment. How do I control the spacing of the radio buttons?
Closed Dec 20, 2013 at 8:21 PM by fwsmaster


fwsmaster wrote Sep 3, 2013 at 7:45 PM

Have you tried the Survey Layout options? (see menu) It's there to create your own CSS styles and a customized design for the standalone surveys/ forms. We'll look into it in more detail as well.

Paul_S wrote Sep 3, 2013 at 8:50 PM

I have no docs on the css style requirements so this would be impossible at this point. From looking at the page source it looks like you are generating the style for the radio buttons margin in code, just a guess since I couldn't find the style in any of the existing css files. I have found that v2.2 is the only one that works, but there is no source code. Ordinarily I would hack through the source to find out how the radio buttons are emitted.

fwsmaster wrote Sep 5, 2013 at 8:30 PM

Helpfiles are a work in progress and will be added gradually per release. There are not enough volunteers on the project to keep up with current development. If you're willing to assist feel free. Meanwhile you will have to give it a try for yourself.

There have been no complaints or error reports about the working of v. 2.1. after > 1300 downloads. If you think there is a problem please report in detail the steps you took to install the application including any errors. Otherwise we will not be able to assist.

There are no plans to publish the source for 2.2. alpha yet. Depending on how fast the beta version will be ready for publication (no date planned) the alpha sources may be published or not.

Paul_S wrote Sep 5, 2013 at 9:55 PM

This 2.1 bug was a showstopper for me. I worked on this for a couple of hours but could not get a non-admin user to work.
  1. Repair of bug Survey Taker, on login not authorised message

Paul_S wrote Sep 6, 2013 at 3:59 AM

I fixed it. The inline style was margin-top: -5px?
Then I discovered where the css was and the magic of "!important";
My main problem is that I haven't used tables for forms layout in years.

span.AnswerTextRender > div
line-height: 1.2;
    margin-top: 0px !important;
span.AnswerTextRender > div:nth-child(2)
padding-left: 2px;
    margin-top: 0px !important;

fwsmaster wrote Dec 20, 2013 at 8:20 PM

Thanks for leaving your comments. Meanwhile SP v. 2.2 has been published including source code.