Skip to main content

Questions tagged [toggle]

A switch decision between two or more options where only one can be selected.

Filter by
Sorted by
Tagged with
570 votes
24 answers
143k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
Michael Brown's user avatar
53 votes
9 answers
27k views

Checkbox vs toggle

There's a constant debate on checkbox vs toggle. Personally, as an iPhone and Mac owner, I'm still very confused every time when I see the toggle. I often ask ask myself, "The 'on' is on the left, ...
Julia's user avatar
  • 705
140 votes
19 answers
157k views

Which way should be "on" for a switch?

Most of us use switches every day in various forms. And although there are sometimes general norms in countries as to which direction is "on", there is variation between countries. So when ...
JohnGB's user avatar
  • 68.6k
28 votes
5 answers
12k views

Toggle Buttons "Turn On" vs "Enable" [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
anthonyryan1's user avatar
  • 1,034
18 votes
13 answers
4k views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
Willbill's user avatar
  • 283
16 votes
6 answers
17k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no mention ...
Sebastian Negraszus's user avatar
8 votes
4 answers
20k views

How should a multi-state toggle slider with more than two states be implemented?

The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. When it comes to more than two states, the ...
Michael Lai's user avatar
  • 27.7k
16 votes
4 answers
5k views

Should "toggle buttons" show what they do or the system status? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I find inconsistency in "toggle buttons" (I just invented the name now. See screenshot to ...
Allan Caeg's user avatar
  • 3,485
12 votes
6 answers
19k views

How to best represent a ToggleButton (representing on/off) with the ability to be locked

I'm designing a ToggleButton control that has the ability to be in a locked state in which user interaction will not be able to further toggle the control. In general I would like the button to appear ...
jpierson's user avatar
  • 1,657
11 votes
6 answers
5k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...
noyb's user avatar
  • 135
11 votes
4 answers
4k views

Indeterminate state for toggle buttons?

I'm working on a tablet based application where an agent would be going through and answering a series of yes/no questions. This is running on Windows 7 and naturally the standard windows controls ...
Brandorf's user avatar
  • 213
9 votes
4 answers
14k views

What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?

What's the best cases these patterns can be use?
Sknny's user avatar
  • 1,332
5 votes
3 answers
4k views

Best choice for three-state value?

In my application, the user can filter fields by selecting one of three possible values for each field: True False Both I currently have a drop-down box, but this requires two clicks while the ...
pimvdb's user avatar
  • 153
64 votes
21 answers
24k views

Boolean switch with a third state

Note: I am not creating a sign-up form, I am not collecting personal data. This control will be used to build a filter. I have a query creator form that helps the user to create a SQL query. All the ...
Shreyas Tripathy's user avatar
37 votes
4 answers
7k views

Should a select all toggle button get activated when all toggles get manually selected?

I'm designing a feature where users can simply toggle to get notifications for each type of updates. There's an option that makes it easier to toggle all. My question is, if the user toggled all the ...
Blue Ocean's user avatar
  • 10.8k
20 votes
8 answers
11k views

Which is a good color for a pause button?

We have an application with a built-in stopwatch. If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
Sandra's user avatar
  • 303
12 votes
6 answers
31k views

Radio buttons or Toggle switch for one out of two options?

I am a bit confused on what should be used when you have to select one option out of the two possible options. Working on a touch screen interface For ex 1- Selecting a Tax type in a retail store, ...
Harshit Choudhary's user avatar
11 votes
6 answers
2k views

What is a more intuitive way to present a 3-option toggle?

Stack Exchange's tag popup card/thingy has a star which you can toggle between "Favorite" (gold star), "Ignored" (red cross), and "Normal" (grey star). Favorite: Ignored: Normal: This is not ...
NullUserException's user avatar
9 votes
3 answers
2k views

Assume success and show response immediately or wait for a response from the server?

All over my CMS I have buttons that toggle something on or off by sending an ajax request, updating the db, and then changes state and value of the button on success. Very basic "ajax" and "toggle". ...
user avatar
7 votes
3 answers
3k views

Toggle button for actions

In our web application, we have a list of items for which multiple actions can be scheduled. If an action is available but not selected, it is displayed as a gray button. When the user clicks on it, ...
Tony the Pony's user avatar
6 votes
5 answers
796 views

Is there a pattern for cycling or toggling through time periods?

I'm looking for a pattern for toggling between different periods of time. Currently I've prototyped an example which is a single button that, when tapped, will cycle through 3 time periods: by month, ...
Erin M's user avatar
  • 61
5 votes
4 answers
3k views

Is required validation possible on a switch/toggle control?

Scenario I want to make sure a user has made a selection on a switch input. On page load it is either on (1 - in image) or off (2 - in image) depending on what state it is set to in the code. ...
Dave Haigh's user avatar
  • 6,191
4 votes
2 answers
2k views

Toggle Switch with Delayed State Change

As seen in the very popular answer:"Should a toggle button show its current state or the state to which it will change?", we have very good guidelines for implementing toggle buttons. Unfortunately, ...
Nicholas Miller's user avatar
4 votes
5 answers
11k views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
stephenz's user avatar
  • 117
3 votes
2 answers
3k views

How to handle state of a toggle switch?

I'm wondering about how to create a useful implementation of a toggle switch. (think iOS style: ) It is meant to be used in web applications. Because of that, an important point is, that after ...
Sascha's user avatar
  • 285
3 votes
4 answers
426 views

How would you implement a Momentary Rocker switch in a mobile app or web page?

Here's an example of a Monetary Rocker switch. It has 3 states and always returns to the middle position after being pressed. I want to use this in iOS and Android and web, is there any stock ...
tobinharris's user avatar
3 votes
2 answers
4k views

Displaying custom vs default settings

In many interfaces, there is a set of default settings and then a need for the user to be able to override those with custom settings. Do you have any examples of how to handle this well in an ...
Janne Aukia's user avatar
2 votes
2 answers
752 views

International\?? Standards for light switches? [duplicate]

Suppose a blind person wanted to know whether a switch (such as a light switch) was on or off (also suppose the switch was vertical. Wouldn't it be natural to think that top (=1), would mean on, and ...
Jack Maddington's user avatar
1 vote
4 answers
4k views

Best Practices on toggle switches and defaults in forms?

In many cases, when creating an A/B choice for a user, there is a clear option that should be the default; if not, the debates can rage... and if the choices are not clearly boolean (Yes or No), it ...
Mattynabib's user avatar
  • 3,631