Multiple value selection
The user needs to pick a single or multiple values from a range of available options.
Problem
The user needs to pick a single or multiple values from a range of available options.
Solution
Sometimes the user needs the option of picking any value (none, a single value or multiple values.
The multiple selection problem can be tackled a couple of different ways.
If space is limited use an input or a container to list the selected values and let the user pick in a modal box. Use a scrollable list as part for the actual data selection.
For up to five options use a checkbox list. This comes with the advantage of letting the user pick right from the same view where the options are listed.
If you have a hierarchy and need a value from each level, you can use a hierarchical scroller.
- Hierarchy
- Select
- Group select
- Filtering
- Checklist
- Inline
- Segmented
- Messages
-
Nov 4Viola SmithAngular js UI controlsI'm planning to create a mobile app with angular js ...follow up
-
Nov 2Barry LyonGuess what?You can now book hotels on our new website! Enjoy your weekend.work
-
Oct 27Angelina CarstonThis is blowig upHey, thanks for helping me with this, I've had a hole lot a fun. Talk with you ...family
-
Oct 31Ema JolyOctober updateHi John, New servers are installed, firewalls are set up. Call Mike ...priority
-
Oct 31Linton BradleyRe: activeJust activated your account. Give me a call if you need any help!misc
-
Oct 31Liza TaylorSee you soon ...Hi bro!! We're gonna be a little late! XOXOfamily
-
Oct 28Abraham DontonAccountingJust giving you a heads up, briging this months papers in ...work
-
Oct 27Donald RikovskiCannot reach youHey John, I've been tring to call you like 10 times. Please give me a call back!important
-
Oct 27Linton BradleyRe: activeJust activated your account. Give me a call if you need any help!misc
-
Oct 27Lettie MarjeYour order ha shippedHi John, letting you know, your packgage is on the way. Give me a call if you have questions.follow up
- Follow up
- Misc
- Priority
- Family
- Important
- Work
View in full screen
Problem
The user needs to pick a single or multiple values from a range of available options.
Solution
Sometimes the user needs the option of picking any value (none, a single value or multiple values.
The multiple selection problem can be tackled a couple of different ways.
If space is limited use an input or a container to list the selected values and let the user pick in a modal box. Use a scrollable list as part for the actual data selection.
For up to five options use a checkbox list. This comes with the advantage of letting the user pick right from the same view where the options are listed.
If you have a hierarchy and need a value from each level, you can use a hierarchical scroller.