Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

'Select / Unselect all' functionality? #292

Open
Ian1West1 opened this issue Feb 20, 2024 · 6 comments
Open

'Select / Unselect all' functionality? #292

Ian1West1 opened this issue Feb 20, 2024 · 6 comments

Comments

@Ian1West1
Copy link

I am working as a SD on the HMRC help and support email service (along with a UR - a team of two). The user logs into the service with their email address, and that email address is then matched with email subscriptions from various HOD data stores. The user is presented with a list of their current email subscriptions, with the checkboxes ticked by default. They are also presented, below that, with a lis of H&S topics which may also be of interest to them (ie topics to which they are not currently subscribed, with the checkboxes unticked). There are a total of 18 topics.

In some cases, eg an Agent/Accountant, the list of subscribed topics may be quite long.

If a user is subscribed to many topics, and therefore has a lot of checkboxes ticked, is there a pattern to allow for 'uncheck all'?
This is the sort of thing we'd like to do...

image
@Ian1West1 Ian1West1 changed the title 'Select all' functionality? 'Select / Unselect all' functionality? Feb 20, 2024
@joelanman
Copy link
Contributor

joelanman commented Feb 20, 2024

I don't think there is a standard approach yet, but I think there's some discussion in the main Checkbox thread:

I think for accessibility it would be a button rather than a link

@Ian1West1
Copy link
Author

I agree it should be a button (because buttons do things, links go places), but can't find an appopriate button style... ;-)
Thank you for the link!

@Ian1West1
Copy link
Author

...there are a few disussions on that page, but they date from 2018/19, and the links to various prototypes don't work any more ;-)

@joelanman
Copy link
Contributor

it would be the standard secondary button:

https://design-system.service.gov.uk/components/button/#secondary-buttons

@querkmachine
Copy link
Member

I have sorta wondered if this would be a button, as opposed to a checkbox with special functions, such as the 'none of the above' functionality.

Check it to automatically check all other checkboxes in the set. Uncheck it to uncheck all of the other checkboxes in the set. Likewise, if all other checkboxes are checked, check it; if not, don't.

@joelanman
Copy link
Contributor

yeh I think either could work, pending testing with users. I think a button might be simpler to implement, as you don't have to do the work to keep the states in sync that you mentioned

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants