search

angular-ui / ui-select

AngularJS-native version of Select2 and Selectize
MIT License
3.26k stars 1.81k forks source link

Material design theme #438

Open jimmywarting opened 10 years ago

jimmywarting commented 10 years ago

Based on angular material could we make a new theme that behaves and feels as the same as it would on android lollipop? basically you get a modal dialog with checkboxes with a
<select multiple><optgroup ... like this video I made https://dl.dropboxusercontent.com/u/3464804/ilos%20android%202014-11-25%2021-45-43.mp4

And when its not multiple perhaps show a dialog anyway but with radio buttons instead of checkboxes?

Not only would it solve the overflow hidden (#41) problem but also make it responsive. I have made a concept here without any ui-select... not 100% complete, but anyway... https://dl.dropboxusercontent.com/u/3464804/material/index.html

amcdnl commented 10 years ago

@jimmywarting like the concept :)

jimmywarting commented 10 years ago

Yee, thanks @amcdnl :smile:

The controllers for the buttons is not implemented but it is essentially the same thing as clicking outside of the dialog or pressing esc

The dialog doesn't show the response like angular material dialog dose. You can head over there to see how it works.

The only thing i did was some css overriding ;-)

jimmywarting commented 10 years ago

The help of ngPluralize would be easy to use to emulate the thing android dose (video)

<ng-pluralize count="selectCount"
 when="{'0': 'Select some fonts.',
   'one': ''{{selectCount1}}.',
   'other': '{{selectCount1}} and {} others.'}">
</ng-pluralize>

I don't know if angular material will build there own material-select directive... who knows...? there goal is to get the same UI cross browsers.

We also have ajax/search/keyboard navigation... not sure how it would fit in a dialog... This dialog thing is maybe out of the scope? It isn't in your guidelines of how ui-select works...? But that doesn't stop us from getting a material feeling maybe the thing we should look into is textfields?

I don't care so much about how it works, i only want a material design feeling :-P

amcdnl commented 10 years ago

@jimmywarting it reminds me of pickadate ... I'm not sure what the best way to go about including this. The themes are kinda a bear to deal w/ ... Some are not getting included in updates and seems like select2 is the only one really used a lot.

lholznagel commented 9 years ago

It Looks very nice and its a cool concept . A idea from me is like you said that the Selector should look like a Input field. I think that would look nice.

amcdnl commented 9 years ago

Why don't you create a repo for this and I'll link it as a third-party module?

jimmywarting commented 9 years ago

I won't have time to do it. I'm starting my backpacking jurney in Asia on tuseday and will be gone for some months :smile:

jgoux commented 9 years ago

+1 for material design theme ! A