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

width configuration option for list pickers to make 'grid-pickers' #171

Open
Hendy opened this issue May 10, 2017 · 3 comments
Open

width configuration option for list pickers to make 'grid-pickers' #171

Hendy opened this issue May 10, 2017 · 3 comments
Milestone

Comments

@Hendy
Copy link
Contributor

Hendy commented May 10, 2017

image

@Hendy Hendy changed the title width & height configuration options for list pickers to make 'grid-pickers' width configuration option for list pickers to make 'grid-pickers' May 10, 2017
@greystate
Copy link
Contributor

greystate commented May 10, 2017

Okay - had a quick dabble with the basic layout here: http://dabblet.com/gist/5aa2e32044cfef3c8a9084b7707a536e

Try to add more items to either "column" and see how it stacks up ... is that how it's supposed to work?

(Could probably also try using CSS Grid just for fun, though I feel like flexbox is the better choice here...)

/Chriztian

@uniquelau
Copy link

That's fun! You could even allow the editor to configure how many columns the picker had very easily.

It would be super nice if it was possible to make 'inline' selects.
When an item was tapped or clicked a border could appear showing it was selected.

The "Selected items" column on the right could then be optional, depending on the size of data-set / expected number of selected items.

@greystate
Copy link
Contributor

Yes - e.g. if you don't need to sort the picked items you wouldn't really need the right column either (unless amount of items to pick from was "huge", as they say :-).

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

No branches or pull requests

3 participants