Questions tagged [toggle]
A switch decision between two or more options where only one can be selected.
222 questions
2
votes
1
answer
116
views
What delay should be present on a soft power switch?
I'm in the middle of writing embedded software for a 19'' rack mount LED lighting driver. The product includes a momentary rocker switch used as a soft power button which allows the user to place the ...
- 123
2
votes
1
answer
1k
views
Hide content under toggle on mobile, show on desktop by default
Is there any design pattern to hide content under the toggle / accordion on the mobile and to show it fully on the desktop?
I have a list, that I'm hiding on small resolutions and showing on desktop....
- 1,773
2
votes
2
answers
571
views
Do toggle switches need edit buttons
I like the idea of allowing the user to toggle a toggle switch without clicking and edit button first to reduce the number of "modes." But what to do when some fields will need to transform to become ...
3
votes
1
answer
878
views
Are toggles pro usability when used to autofill a form?
I am currently working a UI project and I have to create a payment form for it. In one of the stories the user needs to be able to use his already inputed profile information as the personal ...
- 133
0
votes
1
answer
3k
views
Toggle button/switch: is there a standard way to indicate the currently selected state [duplicate]
We are implementing a toggle to switch between two different ways of showing data in a table. I created a mockup for the toggle but shortly afterward realized that people are very divided in how they ...
2
votes
3
answers
460
views
Text placement for Toggle vs 2 Radio Buttons
There are other similar posts, but I have not seen any that answer the specific question of text placement for toggles or radio buttons when only two options are available?
I like that Option-1 allows ...
- 61
0
votes
1
answer
802
views
Best practice for toggles? [duplicate]
Toggles have a problem: the state the toggle is in is the opposite of the action taken when the toggle is clicked.
E.G. if my toggle is on, it should display that it is on, but if I click the toggle, ...
- 49
2
votes
3
answers
542
views
Why does this UI (Google Translate) have a set of toggle buttons instead of radio buttons?
Saw this on Google Translate, where Google uses these segmented controls (or toggle buttons) for listing the languages.
Unlike those present in other products such as Google Calendar or Faceboook ...
- 71
1
vote
1
answer
384
views
In Android quick settings menu why is Cellular data on/off option in a second screen?
In the quick settings menu that slides down from Android, all settings are activated or deactivated tapping the icon. With the exception of the sounds settings which needs to be choosen between 3 ...
- 16.9k
2
votes
5
answers
6k
views
Expand All / Collapse All
In what cases would you justify adding the ability to Expand All/Collapse all to pages where there are individually collapsed sections?
- 29
5
votes
4
answers
1k
views
Custom column view - toggle switch + switch button
It was quite hard to title this issue - We are giving customers a possibility to customize their table view. They can decide, which fields will be visible as columns in table and which will appear in ...
- 506
3
votes
5
answers
2k
views
Switch on/off use with button
QQ, I am debating with a fellow UXA, would love to hear your thoughts.
does it make sense to have a switch on/off with a save?
The switch on/off would enable the save button then triggering a ...
4
votes
2
answers
2k
views
How to represent a switch "tabbed" state in Material Design?
Trying to determine a way to represent a "tabbed" state on a switch that looks like this:
Under the hood, it is just a checkbox that the user can tab-over and press enter to check/uncheck the box.
...
- 1,199
2
votes
2
answers
451
views
How do I make this toggle / form-label accessible
I have a large form witch contains some text input elements such as the one above. (Please don't mind the language in the form).
When a user clicks / taps anywhere on the item (from the picture at ...
- 859
0
votes
2
answers
393
views
Should parent toggles control child toggles? [duplicate]
I'm working on a table that has a parent toggle on the top row with each child row below having its own toggle.
If I were to disable a specific row, I will visually see that the row has been ...
- 11
8
votes
7
answers
7k
views
Toggle Switch position the right way?
Just having a debate about what is the good position for an activated toggle.
Also looking for some answers why left? why right?
To me it makes sense to have it on the right when activated as it's ...
- 1,068
0
votes
1
answer
715
views
Toggle List with Button
Let me explain what i need.
In a "add new person" form, the user has the option to select the kinds of person that this new person applies... Like, this company is a customer, and is also a ...
- 127
1
vote
3
answers
503
views
Toggle button VS Explicit Option button?
We have a booking page in our Mobile application which shows all the bookings made by a user. Recent bookings are stored in the App itself hence no need to make any server call and can be shown ...
- 23
6
votes
3
answers
3k
views
On/Off controls on an inline editable table
Background:
We have a large fullscreen inline editable data table. The user can click to enter an individual cell and click outside to save their changes. Now we're looking to add an on/off setting ...
- 8,581
12
votes
1
answer
13k
views
What breakpoint width to switch to mobile menu?
Sounds like it should have an obvious, clear-cut answer, but I couldn't find much mention of it: When building a website, what breakpoint / width is most ideal to switch from a horizontal tab-style ...
- 223
9
votes
1
answer
1k
views
Volume control and Pause/Play toggles are inconsistent, why?
I'm facing a UX struggle that I've never noticed before, and even though the behaviour is what everyone expects, feels right, and is fine, in the end, it's just not consistent. Let me explain.
You ...
- 235
5
votes
4
answers
3k
views
What should I call a Switch (UI component) for users?
My (mobile) interface uses switches, like this one:
What should I call this component for users?
I want to add a small text to my interface explaining what switches to choose in which situations so ...
- 193
7
votes
2
answers
234
views
The logic behind the switchers placement in the iOS Control Center
The iOS Control Center contains two rows of buttons at the top and bottom of the area. The previous implementation of it made more sense to me, as the top buttons were switchers, and the bottom ...
- 247
3
votes
2
answers
1k
views
Form with locked and unlocked controls
I've just inherited an application where there is a form.
It opens, in the unlocked state it is like
If I click the padlock toggle button, the form will look like
The arrows at Up Position and Down ...
- 613
3
votes
6
answers
669
views
How can I improve a city switcher UI?
I am making a website for an Internet Service Provider which provides services in several cities.
I'm stuck with the city selection functionality.
I have made a concept, but not sure if this will ...
- 81
2
votes
2
answers
134
views
configuration mode on canvas
I am creating a switch visualisation system for IT managers, one of the features I am adding is creating a new authorization relationship between one switch to another. so that one switch is the ...
- 1,040
1
vote
1
answer
4k
views
Using Switches for Yes/No Checkboxes
I have a large form and many questions are simply Yes/No questions. In the system it's simple a checkbox, checked means yes, unchecked means no.
To make this visually more interesting than a ...
- 281
2
votes
1
answer
196
views
Expected behavior for history when a toggle button changes the section
I have a search based website where the user can search two different sections in the same manner. Let’s say one section is named Jawn and the other is Moo. The user begins the section in Moo preforms ...
- 172
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?
- 1,332
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 ...
- 328
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 ...
- 206
2
votes
1
answer
202
views
Is it good UX to have a table cell be both navigable and have a switch?
I'm wondering if it's good UX in iOS to have a UITableViewCell (table cell) that is both navigable (meaning that tapping it will open another screen) and also embeds a UISwitch (switch).
Let's take ...
- 123
1
vote
1
answer
111
views
What are patterns for having user check correctness of data?
In my app design, users need to check the correctness of a list of OCRed data (about 3-10 items depending on the context). Is there a pattern for this? I thought of toggle buttons:
Toggles are ...
- 374
1
vote
2
answers
542
views
Toggle Switch on Navbar
Is it good to add a toggle switch on a navbar. I need to switch between the 2 contents in a page by a toggle-switch. If not suggest me a good way to toggle the content
- 119
0
votes
2
answers
340
views
Using toggle buttons alongside text boxes?
I'm designing a control to allow users to quickly adjust two variables using a pre-defined list (in this case a toggle button group).
Users want to be able to set and use these "quick-selections", as ...
3
votes
2
answers
1k
views
Filtering option with 3 states
I'm working on a filtering capability for venues. One group of filter options requires me to account for 3 different states.
Unselected (neutral, user doesn't have a preference)
Selected, Yes
...
- 73
2
votes
4
answers
3k
views
How to show a toggle that's on but disabled? [duplicate]
I'm trying to use the toggle to indicate the on and off state of a feature. One of the features will be turned on by default and cannot be turned off.
See below.
Feature 1 is turned on by default and ...
- 705
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.
...
- 6,191
2
votes
2
answers
1k
views
Best Way to Switch Between Basic and Advanced App Settings
In my iOS app, I intend to have two types of settings - Basic and Advanced. The Basic settings essentially summarize the more granular 10-11 advanced settings into 3-4 different themes, so most users ...
- 121
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, ...
1
vote
3
answers
187
views
What is a good way to let the user change screen layout?
I have 2 layouts. A 1/3 2/3 Sectioned layout and a Full 3/3 Layout. I want the user to be able to change between the two. Right now I have this in the header:
Is there a better or more accepted way ...
- 11
3
votes
1
answer
348
views
How to make a switch between a form and a text editor?
I'm making a platform where users can upload research results. They can upload these results in two different ways: with a form with multiple input fields and with a normal text editor.
The mode with ...
- 180
1
vote
2
answers
183
views
Inactive Settings
I'm having a tricky time deciding between several interaction patterns for disabled settings toggles in a native app.
Background:
This is in a mobile app's settings page. There is a top level ...
0
votes
3
answers
847
views
Simple selection between two values, but not boolean
I'm looking for an intuitive, user-friendly way to enable users to select (and switch between) two possible values.
Normally, in a form, this would be done with radio-buttons, but I will have table ...
- 101
10
votes
5
answers
6k
views
Ideal control design for boolean flags?
So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
- 297
4
votes
4
answers
265
views
What's the best way to set the hair dryer?
I am in the middle of a hair dryer machine design, we have some issues about imaging correct symbols in order to establish the maintenance easily with the user.
Our point of interest is designing a ...
- 176
2
votes
2
answers
469
views
What is the best way in letting a user set a default to an enabled function?
Not really sure if this concept is better. By setting a default, it automatically switches to Enable and lock icon appears next to toggle switch to signify that it is not available for any action.
- 1,332
5
votes
1
answer
1k
views
Mixing flip-flop/toggles and binary state buttons
I'm facing a rather curious predicament. I'm working on a page with two columns. The one column has a list of actions that are essentially just things that run when clicked (so they've been grouped ...
- 155
0
votes
3
answers
3k
views
On/off switch with middle state?
We're using an iOS-style on/off switch to toggle selected items on/off. This switch will also reflect the state of the selected items. If you select items that are on, the switch will show on. Select ...
- 343
1
vote
1
answer
3k
views
Toggle-Buttons mutually exclusive and multiple selection combined
I have the following dilemma:
I have 3 toggle buttons (for filtering a list) which have the same hierarchy weight. Button A and B are mutually exclusive, means if I select button A, button B will be ...
- 11