Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
2
votes
1answer
90 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
746 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
207 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
622 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
243 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
696 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
337 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
210 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 ...
0
votes
5answers
1k 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
770 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
310 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
115 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
465 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
422 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
793 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 ...
10
votes
1answer
7k 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
802 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
866 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
768 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
472 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
122 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
126 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 ...
6
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
395 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
292 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
81 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
315 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
173 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
158 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
288 views

How to show a toggle that's on but disabled?

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
591 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 ...
11
votes
6answers
14k 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
145 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
265 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
117 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
3answers
565 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 ...
10
votes
5answers
2k 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, ...
4
votes
4answers
219 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 ...
2
votes
2answers
117 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.
4
votes
1answer
845 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 ...
0
votes
3answers
1k 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 ...