Best approach to update all entries in a list that is paginated?
Clash Royale CLAN TAG#URR8PPP
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
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
edited Mar 14 at 14:53
John
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
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
edited Mar 14 at 14:53
John
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
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
edited Mar 14 at 14:53
John
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
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
lists pagination updating
edited Mar 14 at 14:53
John
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
edited Mar 14 at 14:53
John
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
edited Mar 14 at 14:53
John
1032
edited Mar 14 at 14:53
John
1032
edited Mar 14 at 14:53
John
1032
1032
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
asked Mar 12 at 9:54
Dan Ovidiu BoncutDan Ovidiu Boncut
24826
24826
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 |
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
3
3
Question: how did gmail solve this?
– Mooing Duck
Mar 12 at 23:10
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
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 |
3 Answers
3
active
oldest
votes
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
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
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
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
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.
answered Mar 12 at 13:50
mootmoot
4,1231914
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 |
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:
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
);
);
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
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
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
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
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
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
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
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
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
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
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
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
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
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
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
edited Mar 12 at 14:22
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
answered Mar 12 at 10:47
Mike MMike M
11.8k12534
11.8k12534
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
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
add a comment |
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
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
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
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
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
@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
1
1
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
You can always provide the ability to update the 8k records. Then provide the option to undo the update. I feel as though that is the optimal user flow for any action taken and is used by GMail and Outlook.
– Dean Meehan
Mar 25 at 13:32
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.
answered Mar 12 at 13:50
mootmoot
4,1231914
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.
answered Mar 12 at 13:50
mootmoot
4,1231914
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.
answered Mar 12 at 13:50
mootmoot
4,1231914
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.
answered Mar 12 at 13:50
mootmoot
4,1231914
edited Mar 12 at 19:10
answered Mar 12 at 13:50
mootmoot
4,1231914
answered Mar 12 at 13:50
mootmoot
4,1231914
answered Mar 12 at 13:50
mootmoot
4,1231914
4,1231914
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 |
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
2
2
"Update items in all pages" would be a bit clearer for me
– mgarciaisaia
Mar 12 at 19:01
"Update items in all pages" would be a bit clearer for me
– mgarciaisaia
Mar 12 at 19:01
1
1
Yeah you guys are right. I made the button text more descriptive.
– moot
Mar 12 at 22:21
Yeah you guys are right. I made the button text more descriptive.
– moot
Mar 12 at 22:21
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:
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:
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:
answered Mar 14 at 2:39
GraydaGrayda
1334
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:
answered Mar 14 at 2:39
GraydaGrayda
1334
answered Mar 14 at 2:39
GraydaGrayda
1334
answered Mar 14 at 2:39
GraydaGrayda
1334
answered Mar 14 at 2:39
GraydaGrayda
1334
1334
add a comment |
add a comment |
Thanks for contributing an answer to User Experience Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
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
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
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