CODEDIGEST
Home Articles CodeDigest Tutorials FAQs
Skip Navigation LinksHome » Article » Sharepoint Article » Radio Button Custom Field Choice – Going from Vertical to Horizontal with Java Script   You are not logged in.
Search
 

Technologies
 

CodeDigest Navigation
 

Technology News
No News Feeds available at this time.
 

Community News
No News Feeds available at this time.
 
Radio Button Custom Field – How to Change from Vertical to Horizontal with Java Script

By Roi Kolbinger
Posted On Aug 11,2009
Article Rating: (Login)
Be first to rate
this article.
No of Comments: 0
Print this article.
Category: Sharepoint/MOSS

Subscribe to our feed!

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!

Similar Articles
  •