Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [radio-buttons]

A togglable button where one or more options is available but only one option of a group may be selected at a time.

38
votes
8answers
9k views

Why do Radio Buttons not fill the entire outer circle?

My question is simple: Why do most radio buttons not fill their entire outer circle? Example of standard radio button: (Unusual) Example of an entirely filled radio button: Is this for some ...
99
votes
13answers
21k views

What is better: yes / no radio, or simple checkbox?

In a very big form on my company's website, there's this tendency to use Yes / No radio buttons combination. I can think of one argument of not using it, but it is not UX related: we need to ...
44
votes
6answers
7k views

Why would you use 2 alternate layout buttons instead of 1, when only one can be selected at once

I was looking at the Spotify desktop app and noticed they use two buttons for displaying an artists albums in either a Grid layout or a List layout See below: If only one layout can be selected at ...
2
votes
1answer
136 views

Why are there two checkboxes for 1 state selection?

Those permissions could be handled only with one checkbox. Checked - allowed, unchecked - Full Control denied, for example. Why two checkboxes, not one? Also why not radio buttons?
3
votes
4answers
111 views

Usage of switch box, checkbox or radio button for a visibility flag

Scenario I have a visibility flag against document attached to a student profile. Administrator is the persona of Student profile. Administrator manages student profile and in the student profile we ...
3
votes
3answers
81 views

Relative radio (or tab) group with sub-inputs

I have a radio group and each value has sub-inputs, for example: User chooses "Cat" and gets cat-related sub-inputs, there can be any number of sub-inputs. But the issue with this layout is that "...
0
votes
2answers
217 views

How to properly communicate admission form on website?

We are struggling with a returning issue for a webpage I am designing. I work on a university’s admissions portal for upcoming students. It is difficult to explain the exact criteria for why students ...
3
votes
3answers
536 views

Radio buttons vs button groups

I'm interested in what people know about UX regarding horizontal button groups and radio buttons. There seems to be a wealth of stats around when and where to use radio buttons as opposed to select/...
0
votes
1answer
45 views

Most user friendly way to present exclusive archetypes with nested configuration options

I'm currently implementing a UI for a configuration application. The typical user would be an employee changing the configuration parameters of some client software (like theme, available features to ...
4
votes
3answers
155 views

Checkboxes and Radios styled as buttons - need differentiation between them?

I am using Bootstrap's button groups to present checkboxes and radio buttons in the form of a button group. You can see an example of this functionality here: https://ng-bootstrap.github.io/#/...
0
votes
1answer
140 views

Most user friendly way to represent radio button with sub options

I'm working on a settings section where the user needs to pick a radio button (or a segmented control) and each option generates a set of multiple options that can be selected in any combination. Lets ...
3
votes
4answers
261 views

Radio button which includes a text field. Should I add a label?

I'm currently adding a new section to a form which consists of two radio buttons, however, I'm struggling to decide if I should include a label for the sake of clarity. Above both of the radio buttons ...
0
votes
1answer
45 views

User selection for min bedrooms and max bedrooms - radio buttons?

I have a form that the user fills out. In this form the user chooses the bedrooms and bathrooms. If I use radio buttons(as in the screen shot), I will need to code out logic to where the max radio ...
0
votes
1answer
59 views

How to Deselect Radio Chips?

I have a number of statuses from which a user can select only one status. I tried this new control which is sort of an alternative to radio to buttons where user can select their desired status by ...
0
votes
3answers
702 views

Radio buttons on mobile?

I'm dealing with a case where it is absolutely mandatory that a user answers "yes" or "no". For instance, a question like "Were the police called?" needs a solidified response. An easy way to do this ...
4
votes
2answers
411 views

Is it okay to disable a radio button in a group of 2?

I have an option menu where one of the options is a simple group of 2 radio buttons: Now in certain conditions, the 2nd option is not available, but i was wondering if it's okay to simply disable a ...
1
vote
1answer
31 views

form: default radio options and branching

This is a form filled out by an agent on behalf of a client. Agent is trained, but we still want to make it accurate and fast. Question 14: Is this a Not-For-Profit Business? 3 options (radio ...
5
votes
3answers
486 views

Deselecting an optional radio button in a form that mixes radio buttons and checkboxes

The issue I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option. o Option 1 (Default selection) o ...
5
votes
4answers
208 views

How to present an optional binary choice without a preset value?

How would you go about approaching a form where the user should pick one of the binary choices (yes/no) in the UI, but it should also not be enforced to block advancement within the flow. So ...
0
votes
3answers
113 views

What should be the color of ON state so that user doesn't switch it off?

I am working on one plugin for the Outlook. This plugin is for email sharing. When user tries to compose email a notification butter bar will come up in compose window and will say that particular ...
3
votes
2answers
255 views

Set all radio buttons at once - use regular buttons or radio buttons?

On this form, the acceptance criteria is to have a convenience all select for a choice. For example, the user selects no and all the radio buttons would select to no. However, if a user selects ...
4
votes
2answers
334 views

Depending radio buttons

I have a complex form with a lot of elements. One element section cares about the visibility of the dataset: Unlimited Limited This is realized with radio buttons of course, where unlimited is the ...
1
vote
2answers
81 views

When a radio-button is not yet chosen

I have three radio-buttons for "kind of project": personal / unregistered nonprofit / registered nonprofit I also have text input "Organization name" below the radio buttons. "Organization name" ...
1
vote
1answer
64 views

Radio buttons and subordinate options

I often come across the situation where the user must make a high-level choice using radio buttons or dropdown, and - depending on that choice - different sets of subordinate options are presented. ...
0
votes
1answer
81 views

An alternate approach to Treeview

I have a screen where I get a List of Main items. Inturn, each of these main items will have list of sub items inside them. Now user can select a Main Item or items inside it and then run the report. ...
1
vote
3answers
84 views

Should I clear checkbox upon disable?

In this form, a user can ether select the checkboxes or the radio buttons, but not both. If the user selects a checkbox and afterwards selects a radio button, I then grey out the checkbox. Should I ...
0
votes
3answers
426 views

Creating a clickable progress stepper

I've got a page editor that gives users the option to indicate their progress. I've got a couple options I'm considering pictured here, but the problem is indicating to the user that they need to ...
1
vote
2answers
47 views

What is the best way to assign values to an parent item

I have list of customers on database which have collection of items(storage accounts). When I select a customer , I can see all the items that are relevant to that customer as ticked. Also , I have ...
4
votes
4answers
724 views

Can we use Radio/Checkbox for mandatory form fields

I am working on designing a website which has admin side fuctionalities involving large number of forms related to creation of sevaral entities within the application along with normal user login. The ...
0
votes
3answers
345 views

Order of radio button options and default option

I am currently putting a form together for subscribing to email notifications. One of the options called 'Frequency' allows the user to select how frequently they want to receive notifications. At the ...
2
votes
4answers
117 views

Using multiple buttons to switch between application state

I have a situation where user can switch between two modes of working with an application. To show which mode the application is currently in, I would like to use two buttons. One with a disabled ...
2
votes
2answers
140 views

Best Practice combine or separate similar dialog boxes like note and calendar event

My question is perhaps subjective so apologies in advance but this is a real dilemma I'm having. I have a web based customer management program that allows users to add information about a customer, ...
3
votes
2answers
299 views

Checkboxes, Radio Buttons, and Mobile Development

I am currently working on an iOS app where the user interface should allow them to pick 1 of 2 options. One and only one option must be selected. My boss feels very passionately that this should be in ...
0
votes
2answers
83 views

Precedent for modal button with changing label and highlight color

My team is designing an interface for a route planning interface similar to Google Maps or Uber: select a pickup point and destination. Unlike those apps there is a ~small set of acceptable pickup/...
0
votes
3answers
139 views

Rotating button text

Suppose that you design a standard button that at every click rotates among a fixed number of options (in this case, display modes), like: Wireframe, Shaded, Rendered and then back to Wireframe. ...
4
votes
5answers
572 views

Confusion over radio button and terminology

I am designing a mobile application and was looking for some guidance on how to structure the inventory management section. This app allows for users to scan products and update the current Stock on ...
1
vote
1answer
331 views

Using a dropdown list or radio buttons to give meaningful rules on a webform

I have a situation where user based on user dropdown value selection , below control either show radio button choice or multiple select option. How to handle this kind of scenario for better user ...
2
votes
1answer
99 views

Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?

Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation? My concern comes to the validation errors that will ...
6
votes
3answers
237 views

Gmail's Email filter checkbox or radio?

I was just trying to filter the emails I was getting from the particular site and the time when I clicked on filter messages like these and then to Create a filter to this search, it opened some ...
4
votes
1answer
176 views

Required field validation message is consistency

1.In first question, if user has not selected radio button then i am showing the required field validation message as "Selection of Likelihood is required". 2.In second question, if user has not ...
0
votes
4answers
203 views

Layout for a page full of radio buttons

I'm trying to redesign a page that has a ridiculous amount of radio buttons. The details: The page I'm trying to redesign is one form that will be filled out by one company and submitted to ...
6
votes
1answer
244 views

What are the downsides of <input type=“radio”>-based tabs and carousels?

I have seen a lot of examples of usage of <input type="radio"> and <input type="checkbox"> along with some css like input:checked + div.tab-content {display:block;} div.tab-content {...
129
votes
11answers
24k views

Why are radio buttons circles?

I understand that they shouldn't be square to avoid confusion with checkboxes and that today they should be circle for consistency, but why were they originally chosen to be circular? I've never seen ...
1
vote
3answers
257 views

What are the benefits of using grouped or toggle buttons rather than radio buttons?

I'm dealing with lots of complex search forms. When should I use grouped (toggle) buttons in place of radio buttons? Other than the fact that I find grouped buttons cleaner and easier to click on, I'm ...
39
votes
7answers
8k views

How can I reduce duplication of radio buttons?

I've been asked to redesign a score calculator for a website. At the moment it looks like this: I was wondering if there is a way to optimise the radio inputs, so that there isn't as much repetition? ...
3
votes
1answer
217 views

shape used for checkboxes

Since the Macintosch conventions of 1984 (I-312) it's sort of standard practice - apart from the 'X' or 'V' to appear when selected - how checkboxes and radio buttons are shaped. Square shapes for ...
3
votes
2answers
658 views

Best way pack buttons horizontally

Take a look at the screenshot above. I found it here and it offers a handy pattern for what I need to do in my own app: show a lengthy list which should be easily filterable. The only issue is that I ...
2
votes
2answers
124 views

How to manage Select All with rows of topics with radio buttons

I am looking for opinions on how to handle a 'Select All' option for a list of topics that each have a series of radio buttons as options. Having a 'Select All' for each radio button option in the ...
3
votes
2answers
934 views

Radio button in a tab menu

I'm creating a settings menu where a user can go in and set how they would like to weight data in an app. There are two versions of weighting and a user can select only one or the other. However, I ...
5
votes
2answers
499 views

Do non-technical users understand radio vs checkbox?

Using a circle for a radio button and a square for a checkbox seems like a de facto standard, but does the average, non-technical user actually understand the functional difference implied by these ...