Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

Craig Shearer
@jean-morissette you can bind md-selected to something on your view model and then set that and the tab with that index will be selected.
@craigsh Thanks!
Patrick Finkbeiner
Uaaagh! That flexbox thing drives me nuts! Can someone please help me to achieve this layout?? (Screenshot incomming…)
Screen Shot 2015-12-16 at 17.45.29.png
The basic setup is clear. The problem is the height from sidebar and content section
They will fill the screen and i’ve tried different column/row combinations. Even the usage of layout-fill is not very clear to me
can someone explain?
Matthew McLeod
flex increases the box to fill perpendicular to the layout-direction of the parent, layout-fill fills in the direction of the parent.
Patrick Finkbeiner
yeah I know that but I have problem to strech out the sidebar on full height with a simple flex in layout column combination
I can achieve it by using custom css with some height: 100% and overflow: hidden but i thought this should be much easier using flexbox
@vai can you create a codepen or something?
Craig Shearer
@pfinkbeiner I struggled with getting this layout to work in all browsers but it's possible. Have a look at the codepen at the bottom of this page: https://material.angularjs.org/latest/layout/tips
Matthew McLeod
md's flexbox and flexbox flexbox work okay together too
Sanket Saurav
Hey folks! I'm having a little bit difficulty understanding the differences on where to use layout-fill and flex while designing layouts. I'm trying to achieve a layout like this - http://codepen.io/sanketsaurav/pen/zrryyo. Any help would be appreciated!

@sanketsaurav I won't tell I give you the absolute answer but I will tell you about the way I use it.

I use layout-option on parents elements then flex is some kind state to say this is flexible that I define on children elements.

By the way flex means flex=100%, it could be defined to other value.

Craig Shearer
Anybody know how to change the width of a md-sidenav and still have it do its animation when opening? I've tried changing with css but it breaks the animation.
Patrick Finkbeiner
@craigsh dont’t know if this is dirty but you can simply set a max-height attribute on sidebar itself. I haven’t seen another solution…
Does angular material work with angular2?
No it will be another dev soon.
Ramiro González Maciel
Hi guys. I'm trying to migrate an hybrid app built with ionic to angular/material, primary target platform is mobile. We're using Inbox as the reference app. I haven't seen any specifics in the angular-material site regarding using it for hybrid apps... are there any known issues? From what we've read it should work ok but would love to know your experience about this
Craig Shearer
How come md-datepicker only goes back to August 1932?
hello, any chance to decide angular material custom dialog's window size?
when I have sm and xs window size it gets fullscreen which is really good, but for larger resolutions I'd like to set a custom width
I havnt tried this but could you not set the template <md-dialog> with a layout-gt-md
so it would be md-dialog flex-gt-md="70" or something like that
thanks! It works like a charm!
jesse snyder
would it be possible to have a dialog that opens another modal type? right now, i'm trying to put a datepicker input inside a digalog, but the datepicker's modal does not open properly inside of the md-dialog.
Dzenan Smailagic
Hello! :) Does anyone know, how to make a scrollable fixed right sidenav and full-width/height main content? I found no solution for that (googled long enough), and the docs are not helpful.
@Kolorbon is the menu not full width by default? You could set it to position:fixed; .Pretty sure it's full width by default though, might be that another of your styles is conflicting with it
Childishness ·.·.·.·.·.·.·.·.·.·.·.·.·.·.   童心·.·.·.·.·.·.·.·.·.·.·.·.·.·. ☆      ♡♡      ♬♬♬
Hello everybody! How do you implement timepicker using material design since we dont have it yet?
Sebastien Arod
Hi, Is there an api to list colors in the palette with their associated default color. This would be very useful for widget needing to generate material design colors like charts
I found that there is a $mdColorPalette constant but it seems that it is quite transform between it's definition in theme.palette.js and the time it is injected.
Mathew Foscarini
@sarod I don't think there is such an API. You would have to just define your own list of colors.
Maciek Murawski
Hello, I have a problem with loading svg images, they are loaded directly from server not from template cache, is there any way to force angular material to seek cache first?
@Murarz208 yes sure. $mdIconProvider to manage your icons then cache them at app.run. There is a good example on the websitehttps://material.angularjs.org/latest/demo/icon
Maciek Murawski
@MacKentoch I didn't write that - I have problem with svg images provided by angular material, like md-tabs-arrow.svg in md-tabs. In browser console I have an error that http://localhost:8080/md-tabs-arrow.svg cannot be loaded (404) and I wonder why icon is loaded directly from server, why not from $templateCache (md-tabs-arrow.svg is available in $templateCache, I've checked that)
@Murarz208 sorry. In fact I always just use svg icons from Google (I get them from npm). I never use embedded icons.
Minh Trí
Which link for ang material icon? @MacKentoch

@tringuyenminh92 I use svg icons from google github.

I get them local (I prefer). I copy svg icons thanks to a gulp task to my public directory where I manage them to be cached.

You can install though

  • bower $ bower install material-design-icons
  • npm npm install material-design-icons

When I search a google material icon name (that I need) I search here list and search input for google material icons.

To conclude that is my way. It may not be everyone's way (some could prefer can link*)

*link(won't be cached) :

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
Hello, is there a simple way to detect if the browser supports angular material? I have created a website and want to show a message, if the browser wont support it. It looks very bad if the visitor look at a damaged view. Thanks for helping.
Why md-toolbar not obeying the flex principles?
Jared Cacurak
Did angular-material drop support for angular v.1.3?
+1 to the v1.3 support. I've noticed that the material demos have been running on v1.4 for a long time.
material 1.0.1 has angular 1.4.8 in the package.json.
I'm seeing an issue that first appeared in material 1.0-rc6 with regarding md-select elements (angular/material#6497) - I suspect this is related to $animate changes in angular 1.4
Hard way to coding....
Hasan Alayli
is there a way to use material and angular2 in the same project?
Florian Knop
@halayli I believe there is a implementation of material for angular 2