Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
62
votes
21answers
20k views

Boolean switch with a third state

Note: everyone has seemed to have misunderstood this question. Literally, everyone. I am not creating some sign-up form, I am not collecting personal data. The form of which this is a part is used to ...
0
votes
1answer
130 views

Best way to toggle between scheduling options

I have two options available to my users. The first option allows them to schedule their own dates. The second option allows them to open and close a time window manually. They can only choose one or ...
3
votes
1answer
122 views

UI Suggestion for switching apps

Scenario : Just like in google switching apps from the top right corner cube button, where the user can quickly navigate to gmail, gdrive etc. I have kept the switching of app on the left side with a ...
0
votes
2answers
113 views

Whats the reason why it needs to have default value on toggle menu?

Filter button Users allow to choose the filter (toggle menus - Last 4 hours, Last 24 Hours, Yesterday, Last Week and Last Month) and the date range to change the details of a graph (not shown), if ...
1
vote
3answers
409 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 ...
4
votes
1answer
2k views

Android: Why do I have to unlock my phone to turn off WiFi?

When swiping down the notification bar on Android, you are receiving a selection of buttons which offer you quick access to toggle various functionalities of the phone like turn on/off wifi, toggle ...
2
votes
1answer
92 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 ...
2
votes
1answer
800 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....
2
votes
2answers
212 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
1answer
638 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 ...
0
votes
1answer
2k 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
3answers
261 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 ...
0
votes
1answer
729 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, ...
2
votes
3answers
352 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 ...
1
vote
1answer
232 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 ...
1
vote
5answers
2k 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?
5
votes
4answers
819 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 ...
3
votes
5answers
1k 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
2answers
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. ...
2
votes
2answers
318 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 ...
0
votes
2answers
122 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 ...
8
votes
6answers
2k 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 ...
0
votes
1answer
519 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 ...
1
vote
3answers
447 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 ...
6
votes
3answers
952 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 ...
11
votes
1answer
8k 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 ...
1
vote
2answers
63 views

Better layout for a component on my site? [closed]

Hi I have a place in my system where a user can select which things they want turned on or off, the image below is how it looks at the moment. The problem is that it's very cluttered and not easy to ...
9
votes
1answer
855 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 ...
5
votes
4answers
983 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 ...
7
votes
2answers
212 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 ...
3
votes
2answers
827 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 ...
3
votes
6answers
479 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 ...
2
votes
2answers
123 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
vote
1answer
2k 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 ...
2
votes
1answer
131 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 ...
7
votes
3answers
8k views

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

What's the best cases these patterns can be use?
2
votes
2answers
425 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 ...
3
votes
4answers
303 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 ...
2
votes
1answer
179 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 ...
1
vote
1answer
82 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 ...
0
votes
2answers
329 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
0
votes
2answers
182 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 ...
1
vote
1answer
180 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 ...
2
votes
4answers
338 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 ...
4
votes
4answers
2k 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. ...
2
votes
2answers
617 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 ...
10
votes
6answers
15k 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
3answers
149 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 ...
2
votes
1answer
269 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 ...
0
votes
2answers
126 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 ...