Skip to content
This repository was archived by the owner on Oct 2, 2019. It is now read-only.
This repository was archived by the owner on Oct 2, 2019. It is now read-only.

Material design theme #438

Open
Open
@jimmywarting

Description

@jimmywarting
Contributor

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

Activity

amcdnl

amcdnl commented on Nov 25, 2014

@amcdnl
Contributor

@jimmywarting like the concept :)

jimmywarting

jimmywarting commented on Nov 25, 2014

@jimmywarting
ContributorAuthor

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

jimmywarting commented on Nov 26, 2014

@jimmywarting
ContributorAuthor

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

amcdnl commented on Nov 26, 2014

@amcdnl
Contributor

@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

lholznagel commented on Dec 7, 2014

@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

amcdnl commented on Dec 7, 2014

@amcdnl
Contributor

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

jimmywarting

jimmywarting commented on Dec 7, 2014

@jimmywarting
ContributorAuthor

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

jgoux commented on Dec 18, 2014

@jgoux

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

ghost

ghost commented on Dec 22, 2014

@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

amcdnl commented on Dec 23, 2014

@amcdnl
Contributor

We are planning to break out themes; see #529

seiyria

seiyria commented on Dec 29, 2014

@seiyria

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

tolemac

tolemac commented on Apr 22, 2015

@tolemac

+1 nice

photusenigma

photusenigma commented on Nov 9, 2015

@photusenigma

+1 for material design theme

ryananthonydrake

ryananthonydrake commented on Nov 17, 2015

@ryananthonydrake

Any updates on this for themes?

amcdnl

amcdnl commented on Nov 17, 2015

@amcdnl
Contributor

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

YousefMMS commented on Mar 9, 2016

@YousefMMS

I just need to +1 the material theme :)

jacek213

jacek213 commented on May 24, 2016

@jacek213

+1

fujuca510

fujuca510 commented on May 31, 2016

@fujuca510

+1

user378230

user378230 commented on May 31, 2016

@user378230
Contributor

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.

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @photusenigma@amcdnl@tolemac@seiyria@jimmywarting

        Issue actions

          Material design theme · Issue #438 · angular-ui/ui-select