Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
1 vote
3 answers
69 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 ...
  • 13
0 votes
1 answer
55 views

What is the best way to have two exclusive sets of filters above a data table?

I have two sets of filters which work with the same data. There is a table of data below those two sets of filters. But if one set of filters is applied, modified, i.e. worked with, I completely ...
0 votes
2 answers
78 views

Disabling a feature until a button is pressed

So I'm creating a dashboard that will allow users to sort through by date as long as the "live monitoring" feature is paused. I created 2 buttons, one for the pause/unpause feature and one ...
  • 325
0 votes
0 answers
23 views

What is a good way to show that a toggle input is received but has not completed? [duplicate]

We have a toggle button that is pretty standard: but it takes about 5-10 seconds for changes to the toggle to get applied on the server. What is a good way to show that the change has been received ...
0 votes
1 answer
99 views

Yes/No Button Toggle Design

So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why? (I have a few thoughts on this ...
2 votes
2 answers
100 views

Table with a column of toggles and the ability to select or deselect all at once

I have a a table with a column represent with a toggle. I need to let the customer an ability to select or deselect them all at once. Did someone tackle this use case? I try some ideas, like toggle ...
  • 21
0 votes
1 answer
41 views

"Hide" options for the lines in the table

We have a data table with rows. All these rows can be opened on a new page. Also, users can hide some rows if they do not want to use them. Now, this "Hide" feature toggles between different ...
1 vote
1 answer
102 views

How can I design this toggle button to make more sense?

I have this toggle button that toggles whether "trails" are on or not. Currently, I have one button that changes it's own text to toggle the state from "ON" to "OFF". I'...
4 votes
4 answers
612 views

Choosing sub-categories of a category to be observed or ignored

I'm working on an AI that can detect people and certain vehicles from a camera feed. The user can configure which of these "objects" they want to monitor. They can choose either people, ...
  • 430
1 vote
3 answers
131 views

On/off functionality inside a dropdown?

I am working on a feature where the user can start a video recording of a YouTube live-stream. The feature is per default disabled. A required input for the recording to work is to select which stream ...
  • 430
0 votes
0 answers
25 views

ButtonToggleGroup disabled state styling

Im using slightly themed angular material components and this question is about restyling mat-button-toggle-group component. Toggle group is a row (or column) of buttons that may be: mutually ...
  • 101
1 vote
1 answer
62 views

Testimonial slider usability

I'm building a careers/recruiting landing page for a company and 1 of the things we decided should go into the page are some quotes from existing employees. My first inclination was to pull out the 3 ...
  • 181
0 votes
2 answers
132 views

Choosing checkbox over toggle switch for focus order?

Should I choose a checkbox over a toggle switch due to focus order? I personally prefer Option B because it's less eye catching than A, and I know a toggle switch is a metaphor for turning something ...
4 votes
3 answers
153 views

Is a sound toggle button relevant today?

I'm building a game which will be playable on desktop browsers and mobile devices. This game will have sounds for various actions. My question is whether including a sound on/off toggle is nowadays ...
  • 727
1 vote
1 answer
119 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 ...
0 votes
1 answer
28 views

Is a single or bi-positional indicator better for a binary state?

I have a set of entities (notes) whose content can be either visible or hidden, independently for each note. There are two possible states for that property and I was wondering whether it is ...
  • 359
-1 votes
1 answer
46 views

What are best practices for on/off toggle on sensitive/adult content (specifically when it comes to photos) example included?

For example, on a website that has a gallery of Breast Implant procedures before and after photos, if the photos are blurred by default with an eye icon and users have to click on any one of the ...
2 votes
4 answers
125 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 ...
  • 10.5k
21 votes
8 answers
4k 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 ...
  • 430
15 votes
7 answers
4k views

Does an on/off switch still means on/off when positioned horizontally?

I'm working on a custom piece of hardware where a fan is turned on and off automatically. The user can override the decision of the automatic system through a switch. Activating the switch when the ...
20 votes
9 answers
4k 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 ...
  • 302
0 votes
0 answers
28 views

Flashlight switch: display the desired state or the current state [duplicate]

Situation: I need to design a view in a mobile application (iOS + android) to scan qr-codes. The view needs a toggle to switch the flashlight "on" and "off". Problem: I first ...
3 votes
1 answer
319 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 ...
  • 61
1 vote
1 answer
65 views

Toggles awaiting response

I have toggles in my app that communicate with the backend. Is it bad to show a loader on click of the button until you have a response? It somehow doesn't feel right. Is it an option to just switch ...
0 votes
1 answer
84 views

Toggle buttons - what do you think of using them in SaaS platform if description is still necessary?

I'm wondering if using a toggle button to enable different views of the data indicated on the platforms is the right solution, especially if the toggle button needs a description so the user is able ...
36 votes
4 answers
5k 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 ...
  • 10.5k
2 votes
1 answer
51 views

Design and implementation of right-to-left or left-to-right for web applications

To me it seems to be a rare sight, but I did notice that on the Material UI framework website there is a toggle/button to switch between left-to-right and right-to-left orientation of user interface ...
  • 25.7k
1 vote
1 answer
88 views

How to display an 'either or' option in a setup page?

Hye guys, we are currently designing a setup process for a web app. At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
  • 613
1 vote
1 answer
234 views

Show/Hide Toggle for a Toggle

We have a toggle available in our main screen, to enable/disable an important functionality. Since, only 30% of our users use this functionality at least once per month, we are considering to (...
  • 119
1 vote
0 answers
21 views

Improvement of current & active suborg information dropdown

currently, I'm redesigning a component where big organizations that consist of smaller sub-organizations are able to switch between the organizations (by choosing organization as a current) to preview ...
1 vote
3 answers
100 views

Toggle switch vs other solution

In my project I'm redesigning a search engine. As a default user is working in a Search mode, but when it turns out something does not exist a user can quickly change to "Create new item". ...
  • 41
3 votes
2 answers
526 views

Should I use multiple icon for two states of toggle button

I have a simple bar chart component and I'm going to add a button which help user able to switch between two view modes. Let say: First mode called "relative view" (show percentage value of ...
  • 133
3 votes
2 answers
158 views

How to allow editing while still being disabled?

I'm currently working on settings for a tool that sits on top of client websites (something similar to Intercom chat). The settings are presented as a list of "cards" similar to the example ...
  • 391
2 votes
3 answers
214 views

label arrangement of the toggle button [duplicate]

I'm working on a camera switching feature. I'm thinking about the arrangement of the label of the button. To me, we can prompt the user to slide right to enable the front camera and in order to enable ...
16 votes
3 answers
2k views

Toggle states display

I am redesigning a set of toggles where some of them can be activated and deactivated by using a standard pattern. However, some of them are activated by default due to admin permissions but can't be ...
2 votes
2 answers
315 views

Adding tick and cross inside a toggle button

Is it a good UX to add a Tick or cross inside a Toggle button? According to what I feel it is too overwhelming for the user to show extra information about the status through tick and cross. Can you ...
1 vote
1 answer
148 views

What's the best control to toggle between three states?

Background I have a list of statements that make up a definition. In this case it's for healthcare so its attributes about a person. Currently, we have a checkbox to allow someone with the knowledge ...
1 vote
1 answer
581 views

Usability of toggles as a filter or sorting mechanism

I looked up a website (page link here) and noticed this at the bottom of the page (one of the few times that I managed to scroll that far): It shows a toggle being used to sort the comments added at ...
  • 25.7k
1 vote
0 answers
95 views

Tooltip text on a toggle icon - Action or Status

We have a toggle action icon Lock/Unlock. In our system, we display the action the button does (e.g. "X" will display the tooltip delete). the problem is that a toggle button contains both the ...
  • 982
3 votes
2 answers
587 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
0 votes
1 answer
90 views

Add an element to an interface without increasing the complexity of the layout

I need to implement a text and a switch to a login interface. This is what I made: The problem is that I think it is a bit inappropriate, considering the layout and colors chosen in the interface. ...
  • 107
1 vote
1 answer
53 views

Entering data fields in a table where rows have a hierarchy

Situation: A store is adding in how much money has been spent on products in their store that week. They can enter the figures either at the individual product level, or at the brand that product ...
  • 37k
1 vote
1 answer
823 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
2 votes
2 answers
1k views

How can I best display a three-way toggle (show, show all, and hide)?

I'm creating a filter for a search and I am wondering how to best approach this interface. I have a bunch of events in a database and my website displays certain events based on the user's criteria. ...
  • 21
1 vote
3 answers
301 views

How to solve the ambiguity of selected state in a segmented control with just two segments?

I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page. I have used segmented buttons to navigate ...
  • 3,540
2 votes
2 answers
129 views

Single Pole Double Throw U momentary switch UI control

I have a designer working on a 3 position momentary control: it's something like a typical boolean control, with a circle inside an oval to designate on/off states, but in this case the normal ...
0 votes
2 answers
183 views

Is it a bad practice for a required switch to start without having any option checked?

I currently have several (required) components in a form, in which I must select only one option (of the 2 that exist). The previous designer used a switch, however the first time none of the 2 is ...
0 votes
3 answers
1k views

Can a toggle trigger pop up?

I had a doubt whether a toggle can trigger a pop-up screen/modal? But it's not a confirmation modal/pop-up screen. For example: Turning the toggle to ON state will open up settings modal.
  • 2,411
0 votes
2 answers
1k views

Avoid toggle switch on any page with save button?

I'm currently working on a tool which more or less requires a submit/save button on every page. This is due to avoid any immediate effect on the end user who consumes the content. Sometimes, it feels ...
  • 47
1 vote
2 answers
206 views

Dependent checkboxes behaviour

Context: In a form, there are 2 main sections - Boosters and Filter. If any Booster is checked, the Filter section cannot be checked and if filter is checked, no boosters can be checked. The ...

1
2 3 4 5