Material design theme

[jimmywarting]

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]

@jimmywarting like the concept :)

[jimmywarting]

Yee, thanks @amcdnl 😄

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]

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]

@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]

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]

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

[jimmywarting]

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 😄

[jgoux]

+1 for material design theme !
A (single or multiple) element like ui-select is missing in the angular-material project.

[ghost]

Another +1 For the material design theme. I'm using the select2 theme in my angular material site and it looks pretty out of place..

[amcdnl]

We are planning to break out themes; see #529

[seiyria]

Seems nice. Would be a great replacement since the angular-material md-select component won't be implemented for a while yet.

[tolemac]

+1 nice

[photusenigma]

+1 for material design theme

[ryananthonydrake]

Any updates on this for themes?

[amcdnl]

This is not a priority item for the core team. PR's welcome.

Angular material has a select and there is also this one: http://ui.lumapps.com/directives/selects

[YousefMMS]

I just need to +1 the material theme :)

[jacek213]

+1

[fujuca510]

+1

[user378230]

Please do not +1 issues, it adds uncessary noise to the issue. You can use github reactions to voice your support.

Note as previously mentioned, unless this is contributed in via a PR its unlikely to become part of the library. Its not a major priority.