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
How come md-datepicker only goes back to August 1932?
Alberto Scorrano
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
Alberto Scorrano
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
Hasan Alayli
@fknop I prefer official builds.. I was wondering if I can include angular 1.x and 2 in the same project where material uses angular 1.x and I can use v 2
Florian Knop
@halayli You could take a look at this : https://angular.io/docs/ts/latest/guide/upgrade.html otherwise I really don't know
hi all am new to angular material design can any body send me a link to understand layout flex in angular material design I know bootstrap
can anyone help on how to get the icons in materialize?
Alberto Scorrano
hi. I'm using ng-repeat directive on an array which contains the results of a query to mongodb. Even though the array is composed of n elements I get n * 3 repetitions in the page. Why is that?
I checked mongo, no repetitions!
I'm using meteor mongo
any help?
ops sorry, wrong channel.
Is it possible to display error message in md-input-container as overlay/popup?
Rúben Amado
Hey Guys! Can anyone point me to a repo with a blank material angular template?
Rúben Amado
@MacKentoch Thanks
why is my icon positioned so bizarrely? i assumed the icon would sit in the middle of the button, but its offset to the bottom right for some reason. http://codepen.io/anon/pen/gPgNQq
Patrick Finkbeiner
@tonyeung it’s simply too big. Change md-36 to md-28
Night Monkey
dumb question does anyone have an example with md-toolbar, md-sidebar, and md-content that is similar to the angular material website?


[ Top bar |||--------------------- Settings ]
[ Left Nav ] [ Content ]

Night Monkey
just a note but the material-start and a variety of other material starter packs, are very basic when it comes to demo'ing components.
 <md-content flex role="navigation">
      <ul class="docs-menu">
        <li ng-repeat="section in menu.sections" class="parent-list-item {{section.className || ''}}" ng-class="{'parentActive' : isSectionSelected(section)}">
          <h2 class="menu-heading md-subhead" ng-if="section.type === 'heading'" id="heading_{{ section.name | nospace }}">
          <menu-link section="section" ng-if="section.type === 'link'"></menu-link>

          <menu-toggle section="section" ng-if="section.type === 'toggle'"></menu-toggle>

          <ul ng-if="section.children" class="menu-nested-list">
            <li ng-repeat="child in section.children" ng-class="{'childActive' : isSectionSelected(child)}">
              <menu-link section="child" ng-if="child.type === 'link'"></menu-link>

              <menu-toggle section="child" ng-if="child.type === 'toggle'"></menu-toggle>
Florian Knop
@NightAOtidae I think this one solves your problem, there is a demo: https://github.com/flatlogic/angular-material-dashboard
Night Monkey
The example pulled from the docs template is really pretty useful but could have helped with some documentation.