Radio Button Custom Field – How to Change from Vertical to Horizontal with Java Script

By Roi Kolbinger - SharePoint Consultant

KWizCom Professional Services – www.kwizcom.com

Have you noticed that field choice only gives a vertical view?

But what if I want a horizontal view?

When you want to customize your view but don't know how it can be very frustrating but there is always a way, you just have to know how…

For example:

I want to use the field "Gender" with two choice options – male and female.

This is how such a field would normally look in MOSS:

But I don't want to waste so much screen space. It would be much better to have something like this:

With a little Java script it's not so hard to go from vertical to horizontal. Here's how you do it:

Simply add this code to the form (add it in the SPD to NewForm.aspx and EditForm.aspx for the list that includes the view you want to change):

That all – now we have our Male/Female options in the desired view layout!