question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Checkbox for select/deselect all rowMarkers

See original GitHub issue

When we have rowMarkers enabled for checkboxes, I noticed that the top left corner is clickable which performs the “select all” / “deselect all” functionality for all rows. Is it possible to make this into a checkbox, so it is a little more intuitive for users to know that the functionality is there? Thanks! Screen Shot 2022-06-09 at 10 07 47 AM

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
amiregelzcommented, Jun 19, 2022

I think this is a great idea. I also think it will solve the issue where users are not aware of the ability to select rows - since the checkboxes only appear on hover.

In my opinion having a master checkbox in the upper left corner would not clutter the UI and at the same time would make it clear that selecting rows is possible. Therefor I would make it always visible and not only on hover.

2reactions
png262commented, Jun 14, 2022

This might be a personal UI preference, but I was thinking of something even simpler than needing to factor in hover state. My thinking is that we want to make it very apparent that there is a “Select all” functionality available, and it’s this checkbox you are seeing. By making it only render on hover, that might might it less obvious for users, and only some might stumble onto that functionality.

I can totally see it making sense to have hover for the row markers though, because otherwise it would feel cluttered seeing a checkbox for every row. The difference is that this is a single checkbox in the top left corner so that doesn’t apply.

In any case, I think your proposal makes sense. If you wanted to simplify it without hover state, then it would be something like this:

State Effect
No rows checked Empty checkbox
Some rows checked Empty checkbox
All rows checked Filled checkbox
Read more comments on GitHub >

github_iconTop Results From Across the Web

Selecting / Deselecting all the CheckBoxes Inside a GridView
This article describes how to select and unselect all the checkboxes inside a GridView control.
Read more >
Select or Deselect All Checkboxes - Kendo UI Grid for jQuery
The following example demonstrates how to select or deselect all rows on the current page of the Grid by checking the Select All...
Read more >
select All/deselect all checkbox in Datatable JSF without using ...
I am having several rows in that with check box( selectBooleanCheckbox ) in front of every record. I have commandLink button for selecting...
Read more >
select deselect checkbox - Salesforce Stack Exchange
For this sort of work I recommend using CSS classes as markers (i.e. the classes have no associated CSS) as Id values get...
Read more >
select all/deselect all checkbox - SAP Community
Hi Friends, In a table of check boxes, here is one column of checkboxes. How to put one checkbox as checkbox to select/deselect...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found