Is this saw blade faulty?

Can a Knock spell open the door to Mordenkainen's Magnificent Mansion?

Extract substring according to regexp with sed or grep

How do you say "Trust your struggle." in French?

Is there a distance limit for minecart tracks?

Why is indicated airspeed rather than ground speed used during the takeoff roll?

What is the tangent at a sharp point on a curve?

Center page as a whole without centering each element individually

If the Dominion rule using their Jem'Hadar troops, why is their life expectancy so low?

Trouble reading roman numeral notation with flats

Not hide and seek

Rendered textures different to 3D View

Why do Radio Buttons not fill the entire outer circle?

Can you describe someone as luxurious? As in someone who likes luxurious things?

What properties make a magic weapon befit a Rogue more than a DEX-based Fighter?

How do you justify more code being written by following clean code practices?

Reasons for having MCU pin-states default to pull-up/down out of reset

Taking the numerator and the denominator

Friend wants my recommendation but I don't want to give it to him

What is this high flying aircraft over Pennsylvania?

Should a narrator ever describe things based on a character's view instead of facts?

Would a primitive species be able to learn English from reading books alone?

How can I, as DM, avoid the Conga Line of Death occurring when implementing some form of flanking rule?

How would a solely written language work mechanically

Best approach to update all entries in a list that is paginated?

Best way to add items to a paginated listChoose Your Country: Best Usability approachUpdate list when a user is viewing the list without annoying themWhen would the best day to update your webpage be?What should happen when I add a Row to a paginated, sorted listShould I adopt infinite scrolling or classical pagination?How to show user that page objects automatically updateWhat is the best location to locate the comments section in a list pageBest way to combine filtering and selecting items in a listWhen one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?

28

3

I have a list which is paginated in a webpage. It also has a function to select the number of entries per page.
A bulk update on all is required.

What would be the best approach to this? My concern is that a user would doubt if we refer to the current page or to the whole list.
Would a confirmation window with details or an info message to detail it would suffice?

This is how it looks for now:

lists pagination updating

share|improve this question

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  Question: how did gmail solve this?
  
  – Mooing Duck
  Mar 12 at 23:10
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Does 'Update' here mean 'select all for update'? Or does it mean that items are updated (modified) by the server and refreshed (updated!) by the client/UA?
  
  – Pablo H
  Mar 13 at 12:31
  

  
  
  
  

add a comment | 

28

3

I have a list which is paginated in a webpage. It also has a function to select the number of entries per page.
A bulk update on all is required.

What would be the best approach to this? My concern is that a user would doubt if we refer to the current page or to the whole list.
Would a confirmation window with details or an info message to detail it would suffice?

This is how it looks for now:

lists pagination updating

share|improve this question

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  Question: how did gmail solve this?
  
  – Mooing Duck
  Mar 12 at 23:10
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Does 'Update' here mean 'select all for update'? Or does it mean that items are updated (modified) by the server and refreshed (updated!) by the client/UA?
  
  – Pablo H
  Mar 13 at 12:31
  

  
  
  
  

add a comment | 

I have a list which is paginated in a webpage. It also has a function to select the number of entries per page.
A bulk update on all is required.

What would be the best approach to this? My concern is that a user would doubt if we refer to the current page or to the whole list.
Would a confirmation window with details or an info message to detail it would suffice?

This is how it looks for now:

lists pagination updating

share|improve this question

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

share|improve this question

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

share|improve this question

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

edited Mar 14 at 14:53

John

1032

edited Mar 14 at 14:53

John

1032

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

asked Mar 12 at 9:54

Dan Ovidiu BoncutDan Ovidiu Boncut

24326

3 Answers
3

active

oldest

votes

40

Allow the user to see how many are selected, and give them the option to select the whole data set beyond the pagination.

Gmail has this pattern. Once you select 'All' via the checkbox, a message appears stating:

• How many are currently selected


• A link with the number of the whole data set, and the ability to select the entire set

share|improve this answer

edited Mar 12 at 14:22

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is dangerous I think selecting 8k records. Just be careful with applications that mass update even of you click the other option to perform an update or a delete on ALL items i would force open a modal popup giving them the consequences and a red proceed button noting there is no way to go back!
  
  – JonH
  Mar 14 at 2:19
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  @JonH If it's dangerous to take an action on 8000 records, it's dangerous to take that action on 1 record.
  
  – Sneftel
  Mar 14 at 9:52
  

  
  
  
  

add a comment | 

12

Add a button to the bottom where the other page controls are.

Also, if users are doing mass changes often, consider making a separate tool for it.

share|improve this answer

edited Mar 12 at 19:10

answered Mar 12 at 13:50

mootmoot

4,1131914

• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  "Update items in all pages" would be a bit clearer for me
  
  – mgarciaisaia
  Mar 12 at 19:01
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Yeah you guys are right. I made the button text more descriptive.
  
  – moot
  Mar 12 at 22:21
  

  
  
  
  

add a comment | 

3

The Gmail suggestion is great, but I'd also like to point out how Laravel Nova (and I'm sure lots of other UIs) do this.

Nova shows the "standard" multi-select checkbox at the top of the page, but clicking it drops down two checkboxes. One selects all on the page, the other selects all that match your query. It also shows how many items it'll select when you do so.

The wording could be better (e.g. "Select All on Page / Select All") and it's a bit confusing clicking a checkbox and not having something checked immediately, but it forces you to make a conscious choice about what you want to select.

Gmail's way of doing it is great, but the notification that you haven't selected everything comes after you've made a selection, and personally I prefer to know what I'm selecting as I'm selecting it.

As a side note if you wanted to go with Gmail's way of doing it, I'd suggest making the notification appear in a suitable colour (e.g. yellow) then quickly fade that yellow out to give a visual clue to the user that a new piece of info they should pay attention to has shown up. Here's how Google Chrome's dev tools does it to show that an element in the DOM has changed:

share|improve this answer

answered Mar 14 at 2:39

GraydaGrayda

1334

add a comment | 

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "102"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f124329%2fbest-approach-to-update-all-entries-in-a-list-that-is-paginated%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

40

Allow the user to see how many are selected, and give them the option to select the whole data set beyond the pagination.

Gmail has this pattern. Once you select 'All' via the checkbox, a message appears stating:

• How many are currently selected


• A link with the number of the whole data set, and the ability to select the entire set

share|improve this answer

edited Mar 12 at 14:22

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is dangerous I think selecting 8k records. Just be careful with applications that mass update even of you click the other option to perform an update or a delete on ALL items i would force open a modal popup giving them the consequences and a red proceed button noting there is no way to go back!
  
  – JonH
  Mar 14 at 2:19
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  @JonH If it's dangerous to take an action on 8000 records, it's dangerous to take that action on 1 record.
  
  – Sneftel
  Mar 14 at 9:52
  

  
  
  
  

add a comment | 

40

Allow the user to see how many are selected, and give them the option to select the whole data set beyond the pagination.

Gmail has this pattern. Once you select 'All' via the checkbox, a message appears stating:

• How many are currently selected


• A link with the number of the whole data set, and the ability to select the entire set

share|improve this answer

edited Mar 12 at 14:22

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is dangerous I think selecting 8k records. Just be careful with applications that mass update even of you click the other option to perform an update or a delete on ALL items i would force open a modal popup giving them the consequences and a red proceed button noting there is no way to go back!
  
  – JonH
  Mar 14 at 2:19
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  @JonH If it's dangerous to take an action on 8000 records, it's dangerous to take that action on 1 record.
  
  – Sneftel
  Mar 14 at 9:52
  

  
  
  
  

add a comment | 

Allow the user to see how many are selected, and give them the option to select the whole data set beyond the pagination.

Gmail has this pattern. Once you select 'All' via the checkbox, a message appears stating:

• How many are currently selected


• A link with the number of the whole data set, and the ability to select the entire set

share|improve this answer

edited Mar 12 at 14:22

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

share|improve this answer

edited Mar 12 at 14:22

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

answered Mar 12 at 10:47

Mike MMike M

10.8k12331

12

Add a button to the bottom where the other page controls are.

Also, if users are doing mass changes often, consider making a separate tool for it.

share|improve this answer

edited Mar 12 at 19:10

answered Mar 12 at 13:50

mootmoot

4,1131914

• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  "Update items in all pages" would be a bit clearer for me
  
  – mgarciaisaia
  Mar 12 at 19:01
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Yeah you guys are right. I made the button text more descriptive.
  
  – moot
  Mar 12 at 22:21
  

  
  
  
  

add a comment | 

12

Add a button to the bottom where the other page controls are.

Also, if users are doing mass changes often, consider making a separate tool for it.

share|improve this answer

edited Mar 12 at 19:10

answered Mar 12 at 13:50

mootmoot

4,1131914

• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  "Update items in all pages" would be a bit clearer for me
  
  – mgarciaisaia
  Mar 12 at 19:01
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Yeah you guys are right. I made the button text more descriptive.
  
  – moot
  Mar 12 at 22:21
  

  
  
  
  

add a comment | 

Add a button to the bottom where the other page controls are.

Also, if users are doing mass changes often, consider making a separate tool for it.

share|improve this answer

edited Mar 12 at 19:10

answered Mar 12 at 13:50

mootmoot

4,1131914

share|improve this answer

edited Mar 12 at 19:10

answered Mar 12 at 13:50

mootmoot

4,1131914

answered Mar 12 at 13:50

mootmoot

4,1131914

answered Mar 12 at 13:50

mootmoot

4,1131914

3

The Gmail suggestion is great, but I'd also like to point out how Laravel Nova (and I'm sure lots of other UIs) do this.

Nova shows the "standard" multi-select checkbox at the top of the page, but clicking it drops down two checkboxes. One selects all on the page, the other selects all that match your query. It also shows how many items it'll select when you do so.

The wording could be better (e.g. "Select All on Page / Select All") and it's a bit confusing clicking a checkbox and not having something checked immediately, but it forces you to make a conscious choice about what you want to select.

Gmail's way of doing it is great, but the notification that you haven't selected everything comes after you've made a selection, and personally I prefer to know what I'm selecting as I'm selecting it.

As a side note if you wanted to go with Gmail's way of doing it, I'd suggest making the notification appear in a suitable colour (e.g. yellow) then quickly fade that yellow out to give a visual clue to the user that a new piece of info they should pay attention to has shown up. Here's how Google Chrome's dev tools does it to show that an element in the DOM has changed:

share|improve this answer

answered Mar 14 at 2:39

GraydaGrayda

1334

add a comment | 

3

The Gmail suggestion is great, but I'd also like to point out how Laravel Nova (and I'm sure lots of other UIs) do this.

Nova shows the "standard" multi-select checkbox at the top of the page, but clicking it drops down two checkboxes. One selects all on the page, the other selects all that match your query. It also shows how many items it'll select when you do so.

The wording could be better (e.g. "Select All on Page / Select All") and it's a bit confusing clicking a checkbox and not having something checked immediately, but it forces you to make a conscious choice about what you want to select.

Gmail's way of doing it is great, but the notification that you haven't selected everything comes after you've made a selection, and personally I prefer to know what I'm selecting as I'm selecting it.

As a side note if you wanted to go with Gmail's way of doing it, I'd suggest making the notification appear in a suitable colour (e.g. yellow) then quickly fade that yellow out to give a visual clue to the user that a new piece of info they should pay attention to has shown up. Here's how Google Chrome's dev tools does it to show that an element in the DOM has changed:

share|improve this answer

answered Mar 14 at 2:39

GraydaGrayda

1334

add a comment | 

The Gmail suggestion is great, but I'd also like to point out how Laravel Nova (and I'm sure lots of other UIs) do this.

Nova shows the "standard" multi-select checkbox at the top of the page, but clicking it drops down two checkboxes. One selects all on the page, the other selects all that match your query. It also shows how many items it'll select when you do so.

The wording could be better (e.g. "Select All on Page / Select All") and it's a bit confusing clicking a checkbox and not having something checked immediately, but it forces you to make a conscious choice about what you want to select.

Gmail's way of doing it is great, but the notification that you haven't selected everything comes after you've made a selection, and personally I prefer to know what I'm selecting as I'm selecting it.

As a side note if you wanted to go with Gmail's way of doing it, I'd suggest making the notification appear in a suitable colour (e.g. yellow) then quickly fade that yellow out to give a visual clue to the user that a new piece of info they should pay attention to has shown up. Here's how Google Chrome's dev tools does it to show that an element in the DOM has changed:

share|improve this answer

answered Mar 14 at 2:39

GraydaGrayda

1334

share|improve this answer

answered Mar 14 at 2:39

GraydaGrayda

1334

answered Mar 14 at 2:39

GraydaGrayda

1334

answered Mar 14 at 2:39

GraydaGrayda

1334