Radio Button in Infopath browser forms

I heard many times my client saying that they need only radio buttons in infopath and not the drop down because when the fields are created in SharePoint site and customized using infopath, they are automatically converted in to drop down.

Are you too encountering the same problem? Don’t worry. Follow the below steps to convert it to radio button.

EXAMPLE:

To show you the steps, I have created a “Employee Info” list with below fields where Gender is selected as Radio button in choice type.

image001

If New item is to be added, the below form will be opened:

image002

This is the default form of SharePoint list. If you try to customize the look and feel of the list, using infopath, you will find that radio button is converted into drop down field as depicted below:

Gender

To make it as radio button, delete the field from the form view.

NOTE*: Do not delete the control permanently. Just delete it from the view.

In right corner of the infopath, you will see the list of fields with “Show advanced view” link. Click on the highlighted link. If you are not able to see the list of fields, click on the “DATA” menu -> Show Fields available under SharePoint Form Data section.

Fields.PNG

When you click on the field in advanced view, you will see a small inverted triangle. Click on the triangle and select Option button. Enter the number of choices to be inserted.

option button

image005

Type the labels for inserted radio buttons and edit the values in Properties. That is, right click on the radio button, select Properties and type the value in “Value when selected”.

properties.PNG

Alternative approach is to change the control to option button and perform a copy-paste for each choice. Finally, change the value of each choice as shown above in picture.

That’s it!!!

Make the form attractive and publish it.

 

Advertisements

One thought on “Radio Button in Infopath browser forms

Leave a Comment

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s