Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
20 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 ...
user avatar
  • 101
1 vote
1 answer
42 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 ...
user avatar
  • 181
0 votes
2 answers
93 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 ...
user avatar
4 votes
3 answers
147 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 ...
user avatar
  • 707
1 vote
1 answer
80 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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
2 votes
4 answers
105 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 ...
user avatar
  • 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 ...
user avatar
  • 370
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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
3 votes
1 answer
258 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 ...
user avatar
  • 63
1 vote
1 answer
64 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 ...
user avatar
0 votes
1 answer
75 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 ...
user avatar
36 votes
4 answers
4k 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 ...
user avatar
  • 10.5k
2 votes
1 answer
48 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 ...
user avatar
  • 25.3k
1 vote
1 answer
72 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 ...
user avatar
  • 613
1 vote
1 answer
202 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 (...
user avatar
  • 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 ...
user avatar
1 vote
3 answers
94 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". ...
user avatar
  • 31
3 votes
2 answers
457 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 ...
user avatar
  • 133
3 votes
2 answers
154 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 ...
user avatar
  • 381
2 votes
3 answers
191 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 ...
user avatar
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 ...
user avatar
2 votes
2 answers
262 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 ...
user avatar
1 vote
1 answer
129 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 ...
user avatar
1 vote
1 answer
465 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 ...
user avatar
  • 25.3k
1 vote
0 answers
87 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 ...
user avatar
  • 982
3 votes
2 answers
536 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 ...
user avatar
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. ...
user avatar
  • 107
1 vote
1 answer
49 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 ...
user avatar
  • 36.9k
1 vote
1 answer
685 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?
user avatar
1 vote
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. ...
user avatar
  • 11
1 vote
3 answers
284 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 ...
user avatar
  • 3,540
2 votes
2 answers
128 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 ...
user avatar
0 votes
2 answers
181 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 ...
user avatar
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.
user avatar
  • 2,391
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 ...
user avatar
  • 47
1 vote
2 answers
196 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 ...
user avatar
3 votes
3 answers
242 views

Toggle switcher explanation. Use or don't?

Is it necessary to use toggle explanation? In my case toggle have 2 options: YES or NO. Which one would you use and why?
user avatar
1 vote
3 answers
711 views

A checkbox that can interact / display 4 states with nested child elements

I have read discussion about tri-state checkboxes and even those are controversial - we have an even more complex problem with our software. We need 4 options and can't figure out best way to do this ...
user avatar
  • 11
36 votes
3 answers
5k views

Cookies - Should the toggles be on?

I'm not sure if the details of the cookies, GDPR policies, should be on by default or not? Is it bad or just convenient for the company? And should I have a Reject All and Accept All?
user avatar
1 vote
1 answer
102 views

Configuration for a timegrid

I have a React+Bootstrap app which displays a timeline of events, to which the user can add a grid, with vertical markers at regular intervals. The default interval is 1 second, so a vertical line is ...
user avatar
  • 113
0 votes
1 answer
159 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
user avatar
  • 170
4 votes
2 answers
388 views

Best practices about options and toggles

I'm a developer building a data visualization page and I need a bit of advice on UX design, hope someone can help me! The product is a visualization SaaS that shows our users data in a novel way. ...
user avatar
  • 149
4 votes
4 answers
548 views

Usage of switch box, checkbox or radio button for a visibility flag

Scenario I have a visibility flag against document attached to a student profile. Administrator is the persona of Student profile. Administrator manages student profile and in the student profile we ...
user avatar
  • 1,819
0 votes
2 answers
150 views

Using switch to update the choice

I am working on a mobile app which has an update settings page. For one of the settings, values can be entered either using UI1 or UI2 (2 different ways) By default, UI1 is displayed, as it is ...
user avatar
  • 11
0 votes
1 answer
334 views

For a sound on/off toggle, when should I play click button sound effect?

For example, suppose my app has some sound effects when click some buttons, and I have a sound toggle button, which clicks to turn on sound, and clicks again to turn off sound. My question is, when ...
user avatar
  • 319
0 votes
3 answers
81 views

Need help for naming a switch on our website

I need help for naming a switch on our website. Our company provides online education services. On our website, learners can view learning materials and content. The learning materials and content ...
user avatar

1
2 3 4 5