Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more

Questions tagged [checkboxes]

widgets that allow a single item to be selected or not. Usually shown by a square box, with a check mark in it if selected.

Filter by
Sorted by
Tagged with
1 vote
2 answers
101 views

What's the best way to select from two options if both can be selected and at least one must be selected?

I have encountered a scenario where the user can filter a dataset of inventory based on two location designations (internal stock vs. external stock). The user can filter for internal stock, external ...
Zack's user avatar
  • 23
1 vote
1 answer
53 views

Newsletter checkbox with social sign on

I am exploring the best UX solution for newsletter checkbox (i.e. newsletter signup) for social sign on (SSO - sign up with Google, Facebook, Apple etc). The problem: SSO are required to have middle ...
Ilya's user avatar
  • 13
0 votes
2 answers
78 views

For a permissions interface settings, how to better handle multiple checkboxes on one screen?

Is this the best way to display the checkboxes in the below screen? Should I add Select all for the checkboxes?
Mohammad.Y's user avatar
0 votes
0 answers
32 views

Location of advanced options on form

In our platform, you can schedule routine scans. Imagine you can check boxes to scan for people, cars, locations. But under advanced options (located currently at the bottom) you can perform a type of ...
merlin's user avatar
  • 21
15 votes
3 answers
2k views

Are links inside checkbox labels acceptable?

For checkboxes in forms, you often need an accompanying link for individual options. This regularly comes up in checkboxes to accept terms of use. Designers love to put this link inside the checkbox ...
MoritzLost's user avatar
1 vote
1 answer
67 views

Improving confusing product permission settings UI with explicit / implicit multi options

I have a product permission settings component that allows users to include/exclude companies' current and future products. Many users find the current UI confusing based on feedback. Below is an low ...
Daniele Longo's user avatar
1 vote
2 answers
69 views

Differentiating single/multiple selection in polls in a mobile app

as the title stated, I would like to seek some ideas on the need of actually differentiating the choices. see below: A: traditional checkboxes for multi-selects, radio button for single select B: ...
uncommon_name's user avatar
1 vote
1 answer
245 views

Elegant layout for a table with long row / column headers but simple cells

I have a table, possibly a very large table, where every cell is just a simple checkbox (e.g., click-dragging will check/uncheck a grid at a time). The table will have both row and column headers. ...
Codesmith's user avatar
  • 113
1 vote
1 answer
69 views

Listbox with checkboxes — description aligment with title, or checkbox?

On a project, we show a list with checkboxes — and all options have some additional descriptions. So the question is should those descriptions be left aligned with the checkbox, or item title?
Dragan's user avatar
  • 11
1 vote
1 answer
88 views

Two options of how user selects mode. Which one is better? [closed]

Hello, guys! My colleagues and I had a very heated discussion over those options of how a user can tune settings in our web-application. A little bit of context: we build a system for professionals ...
qn0361's user avatar
  • 13
1 vote
2 answers
526 views

Matrix table with checkbox selections

I am creating a matrix data table which will allow checkbox selections. Here is a mock up I have come up with: This fulfils two purposes: User is able to see instantly which options have been ...
MAX POWER's user avatar
  • 151
1 vote
1 answer
114 views

Is this "Only" checkbox option a default MUI component?

I saw this option when I was using Google Flights. It's pretty handy if there's a long list of options and you only want to select one. Does anyone know if this is a default MUI component? I can't ...
M Bo's user avatar
  • 1,394
0 votes
2 answers
96 views

Should confirmation e-mail be the default?

I run a website where people can book appointments. The e-mail address field is optional, and next to this is a checkbox to receive a confirmation e-mail. The confirmation e-mail contains a code to ...
Bl4ckbird's user avatar
0 votes
1 answer
77 views

On mobile, how far apart should related checkboxes be from each other?

I have a grid layout that looks like this: __ Item1 __ Item2 __ Item3 __ Item4 The __ are checkboxes. How far from the other checkboxes should they be?
moonman239's user avatar
0 votes
1 answer
201 views

How to clearly communicate a checklist with pass and fail boxes for each item but also the possibility that the item is not applicable?

So I have a checklist for inspections of some technical goods. Each of those goods has it's own criteria that can either be 'fulfilled', 'not fulfilled' or, if the item doesn't have the relevant ...
ifox12's user avatar
  • 3
9 votes
3 answers
2k views

UI for autosaving checkboxes and radiobuttons

I am re-designing an online platform and we've decided to introduce autosave for settings. I understand it's important to communicate the autosaving feature to the user. This seems to be typically ...
Joanna's user avatar
  • 93
0 votes
2 answers
128 views

Why do Google Photos use rounded checkboxes in their app? [closed]

I know people asked this question a decade ago. (Are round check boxes confusing or an accepted standard?) So, after all these years, has this become a standard in terms of usability? Or is it purely ...
Sooraj MV's user avatar
  • 3,609
0 votes
3 answers
116 views

When selecting USA checkbox would states be disabled?

The behavior is if you select a state it selects all the cities in that dropdown. But in this scenario if user selects USA shouldn't all the states be disabled/gray rather than selecting all the ...
Keano's user avatar
  • 71
0 votes
1 answer
297 views

What is the best way to design nested multi-select checklist for touch devices with capability to preview?

We are designing a multi-select nested checklist for a touch kiosk application. In this checklist, we have multiple parents and these parents are selectable/checkable but when we tap on them, they get ...
B L Λ C K's user avatar
0 votes
1 answer
1k views

Tree - select all child nodes or select only few

I have a multi-level tree structure and the user would want to select only a particular parent node or all child nodes below it. There can be multiple trees with multiple levels one below another The ...
user5155835's user avatar
2 votes
3 answers
569 views

Deselectable radio button or limited checkbox in search filters

I'm currently working on a change request for a search filter we have in our product overview. Our search form has some basic search filters e.g. price range, delivery time,... Our products can also ...
Mosh's user avatar
  • 161
0 votes
3 answers
378 views

How to visually represent 4 state checkbox

I'm trying to represent 4 states: Not started In progress Submitted (uploaded) Approved Update: these are display only. Not clickable or changeable. (Program changes their state after other actions ...
Clay Nichols's user avatar
  • 1,548
1 vote
3 answers
217 views

How should the switch (or checkbox) react to changing the slider value?

The Situation: The user can drag the slider handle to change the opacity of a 3D object (teeth). The minimum value is 0, and the maximum is 100. The user can also turn the switch off, and it will set ...
ellis's user avatar
  • 113
1 vote
3 answers
462 views

Permanently disabled checkbox?

Suppose I have a GPS assistant function that the user can turn on/off. When enabled, the function has a few options related to it. The user can turn these on or off too, except for the Suggested route ...
Chris's user avatar
  • 430
0 votes
1 answer
77 views

What is the best pattern on selecting options to display look book prices

This is an online app for our product salespeople. This app allows our product managers to create a custom pdf look book that can be emailed or printed out for specific customer. The selection ...
Mark Phoenix's user avatar
1 vote
3 answers
257 views

Hierarchical checkboxes interaction during search

I have a tree of hierarchical categories, where users can choose which categories they like to filter. We have implemented partially checked cases We have an option for users to search the tree, so ...
Erez Pedro's user avatar
2 votes
3 answers
514 views

Checkbox dirty state

I would like to highlight any changes made to a long list of form checkboxes. That way the user can review all the changes made (whether checked or unchecked) before saving. Are there any examples for ...
Yoav Barak's user avatar
1 vote
3 answers
518 views

Multiple choice dropdown - when items are selected they are moved to the top of the dropdown

Does anyone know if moving selected choices to the top of the multiple-choice dropdown is a good design pattern? This would prevent users to scroll through a lot of content to preview active fields. ...
Lorelei Heckmann's user avatar
4 votes
5 answers
418 views

Expected behavior of "Apply default option to all" checkbox

Let's say users are filling out a form; they can either manually select values, or use a checkbox to apply a set of default values. (We'll call it Option A for the purposes of this question.) What ...
Hong Yu's user avatar
  • 41
1 vote
1 answer
281 views

Can I use both toggle switch and checkbox in one modal?

First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I'll explain it in as much detail as possible. If you need further explanation, please leave a ...
ASTERISK Kwon's user avatar
1 vote
1 answer
59 views

Designing interface to accommodate physical devices with different number & layout of ports

The following device is a network switch. This particular model contains 24 ports, arranged into 2 rows with 12 ports on each. There exists hundreds of models of switches, each with different number &...
cgtk's user avatar
  • 461
2 votes
3 answers
356 views

radio button matrix in a checkbox tree

I would like my users to toggle opt-in or opt-out the nested items in my checkbox tree individually but also toggle them all opt-in or all opt-out at once. In my example, I use radio buttons. But the ...
Menno Weerepas's user avatar
2 votes
4 answers
186 views

Which is the best control for a digital checklist?

Designing an application that has a checklist for workers to fill out before starting routine Maintenance work. this includes a list of 10-15 safety checks. this will be used on an android tablet on ...
Blue Ocean's user avatar
  • 10.7k
1 vote
1 answer
402 views

Multi-select tree in which parent also is a child

I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
Iljoesjin's user avatar
21 votes
8 answers
5k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
Chris's user avatar
  • 430
2 votes
2 answers
131 views

Settings check box functionality

I'm working on adding a small piece of functionality to a part of an app that contains 4 settings check boxes. I'd like to make some small tweaks to improve the UX of these checkboxes. There isn't ...
Holden Tuffield's user avatar
1 vote
1 answer
96 views

Have checkbox in addition to "Select All" redundant?

Is having an additional checkbox to select all redundent and add unneeded complexity? The user frequently (maybe 40% of the time) selects numbers 1-33 as option so I would like to add a checkbox that ...
Lightsout's user avatar
  • 145
2 votes
0 answers
338 views

Language selector and default language on filter bar [closed]

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
Lorelei Heckmann's user avatar
15 votes
8 answers
3k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
rpavl's user avatar
  • 1,691
2 votes
2 answers
288 views

Select a lot of items (checkboxes)

I'm working on a game where users can have a lot of items (50-100k). The items are stored in a database, they are all unique because they have metadata (achieved time etc.). We would like to allow the ...
sharpness's user avatar
20 votes
9 answers
5k views

How to indicate a checkbox/toggle is "always on"

I have a group of toggles (styled checkboxes) in my interface to activate/deactivate the visibility of input fields in a form in he front-end. Two of those inputs are required for the form to work so ...
Damien's user avatar
  • 302
15 votes
3 answers
4k views

Is it okay to use a dropdown chevron in a checkbox?

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
Lucas Bustamante's user avatar
1 vote
1 answer
331 views

Alternative to checkbox for status changes in a list

In this project, invitations are sent to users in different ways to invite them to vote. They can accept to come or not. And give a mandate to someone else to vote in their name. This list should give ...
Nicolas's user avatar
  • 93
2 votes
3 answers
301 views

Best input to select 2 of 4 options

I have a project requirement where our users need to be able to make 1 or 2 selections out of 4 possible options. Along the lines of: What is your favourite food? (Pick up to 2) Pizza Chocolate ...
Dave's user avatar
  • 23
3 votes
2 answers
1k views

Table which contains checkboxes and radio buttons - labels issue

Table, which enables users to configure items within. User can select "active" items (checkboxes) and among them he/she needs to select just one "best one" item (radio button). I ...
Iga's user avatar
  • 514
1 vote
1 answer
146 views

Three state check box (three real states, not indeterminate). A good idea?

I am making a budget tracking app that takes in your transaction history. In order to classify transactions, you can create Filters (eg Filter "fast food" = ContainsText("Mcdonalds"...
matt's user avatar
  • 113
10 votes
4 answers
4k views

How to make checkbox selection less of an eyesore?

I'm working on a component (see image) that shows the results of a keyword search. Each result displays: the title/link to an article, a snippet from the article, a checkbox reading "This ...
darz123's user avatar
  • 101
4 votes
1 answer
806 views

Progressive Disclosure: Checkboxes vs Switches

I'm designing a web app that has forms where the user can turn features on and off with switches. When certain features are turned on, the form displays additional fields/controls that provide ...
Razzzzz's user avatar
  • 71
3 votes
2 answers
223 views

Should checkbox label with passive adjective include word "is"?

My use case is that I have a checkbox that relates to object (card) and visually it is on that card. My question is: Is it better to form a label for the checkbox like "Hidden" or like "...
ceruleus's user avatar
  • 145
1 vote
2 answers
226 views

How to indicate an unfinished task with a check box or similar without implying you can check it off yourself?

I have an onboarding checklist, where the user has to complete a number of tasks. The most natural visual seems to be to use a list with an empty check box for uncompleted tasks, with checks added for ...
Ghopper21's user avatar
  • 111

1
2 3 4 5
9