Can we have a nested toggle, which would function like "Select All" or vice versa? It's similar to a check box, but will be shown using toggle button.

But there is a problem: If I've selected a partial list of items, how will I represent it? On/Off State or color change, which is neither on or off?

Example Wireframe

  • Can you give a visual representation of what you are asking? – Kristiyan Lukanov Sep 13 '17 at 9:20
  • @KristiyanLukanov added wireframe for reference. – NB4 Sep 13 '17 at 9:36
  • 4
    This looks like a UX nightmare. Back to basics, what are you trying to achieve? What's the use case for this? What's the problem you're trying to solve? – DarrylGodden Sep 13 '17 at 9:38
  • Its function is like a bookmark. It will behave like select all/deselect (Option1 heading). – NB4 Sep 13 '17 at 9:41
  • @DarrylGodden I know it's a nightmare.:( – NB4 Sep 13 '17 at 9:42

You could clearly indicate that the overall toggle will toggle everything on or off depending on the previous state, just like a select all.

You can also have maybe a numerical indication of how many is on. Example off of your screenshot would be something like "11/20"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.