Stack Overflow
Stack Overflow

Questions tagged [angularjs-material]

Use this tag for any question related to "AngularJS Material", the material design framework for AngularJS. Do not use this tag for Angular Material, the newer library designed for use with Angular v2+. Use the angular-material tag instead.

The AngularJS Material project is an implementation of Material Design in AngularJS. It provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.

Asking a question

Note: If you're asking a question concerning Angular Material (for Angular v2+), please use the tag instead.

More info and links about the project

505 questions
303
votes
16 answers

How do I fix the npm UNMET PEER DEPENDENCY warning?

I'm on Windows 10, with Node 5.6.0 and npm 3.6.0. I'm trying to install angular-material and mdi into my working folder. npm install angular-material mdi errors with: +-- angular@1.5.0 +-- UNMET PEER DEPENDENCY angular-animate@^1.5.0 +-- UNMET…
Reza
  • 5,314
  • 5
  • 21
  • 35
102
votes
9 answers

How to use in Angular Material?

I was wondering how to use Material's icons, as this is not working: I guess there is a problem with the path given as parameter to the the icon attribute. I would like…
Mahammad Adil Azeem
  • 9,112
  • 13
  • 57
  • 84
47
votes
3 answers

How to align the radio buttons horizontally in angular material?

I was expecting a in-built directive or a tag for this but probably not according to their documentation. This is the example.

Selected…

Asqan
  • 4,319
  • 11
  • 61
  • 100
43
votes
9 answers

How to set text color in Angular-Material?

I want to set one word in a sentence to have md-primary color, and another word to have the accent color. I assumed something like this:
Hello friend. How are
Maor
  • 650
  • 1
  • 6
  • 13
42
votes
3 answers

Angular material layout - expand to fill window

I am attempting to create an Angular material layout. My goal is to create a page where it fills the entire browser window without creating a vertical scroll bar. At the top of the page is a toolbar that consumes 100% of the width of the page. …
Briz
  • 423
  • 1
  • 4
  • 7
34
votes
8 answers

IE11 XMLHttpRequest really slow performance

I have an angular material SPA web site that performs very well in Chrome, Firefox and Edge, but it lags massively in IE11. I am aware of angular material issues with animations and styles in IE11 and have made several changes to improve general…
pedromarce
  • 5,651
  • 2
  • 27
  • 27
24
votes
5 answers

How do I disable ngAria in ngMaterial?

ngAria (an accessibility module) is adding an unnecessary bower import to my Angular Material project - and now it is throwing warnings: Attribute " aria-label ", required for accessibility, is missing on node I only added ngAria because it…
benshope
  • 2,936
  • 4
  • 27
  • 39
20
votes
7 answers

How to change the underline color of selected tab in angular-material?

I am following tutorial to put md-tabs in the md-toolbar from here. But, My selected indicator tab is same color as the md-primarywhich make it invisible. Please see the image below. But, when I change the color of the md-tabs to md-accent, it will…
Disp Hay
  • 1,341
  • 3
  • 14
  • 20
19
votes
3 answers

How to get rid off multiple style tags inserted to head by AngularJS Material?

AngularJS Material inserts multiple (around 30) style tags with md-theme-style attribute. I guess it's some kind of performance tuning but I would rather do it myself - I don't need an external framework to pollute my HTML in this nasty way. Any…
Yoorek
  • 1,003
  • 1
  • 12
  • 30
19
votes
1 answer

What's the difference between AngularJS Material and Polymer?

I see many material elements both in Polymer and AngularJS Material. As I know, both of them are google's products about Material design, Are there any relationships between them? Are there any plans for Material for Angular v2?
johnnyfee
  • 323
  • 3
  • 15
18
votes
4 answers

How to create a responsive (varying column count) Angular-Material card grid

I'm trying to create a grid of Angular-Material cards that behaves somewhat like a Bootstrap grid. Ideally, cards will be full-width for small screen widths and jump to two columns at larger breakpoints. Demo with 2 cards The problem is that A-M…
isherwood
  • 58,414
  • 16
  • 114
  • 157
16
votes
7 answers

How do I change md-input-container placeholder color using css in angular material?

How do I change md-input-container placeholder color using css in Angular Material? As screenshot below I have phone no. and password textfield. Phone no. textfield has Phone No. and password has Password placeholder name.
digit
  • 4,479
  • 3
  • 24
  • 43
16
votes
2 answers

how to write css for a specific breakpoint in angular material

I am trying to write CSS for a div, that should apply only when a particular breakpoint is hit, eg. sm, md or lg. I'm using angular-material (https://material.angularjs.org). I know that this can be done using media queries @media (max-width: 480px)…
Tarun
  • 2,808
  • 3
  • 22
  • 21
11
votes
2 answers

Change md-checkbox color

So it looks I can change the background-color of an empty md-checkbox by doing : md-checkbox .md-icon { background: red; } But I can't manage to change the background of a checked md-checkbox. I tried to play with :checked, ::before, ::after...…
Ellone
  • 3,644
  • 12
  • 40
  • 72
11
votes
3 answers

md-sidenav toggle() is on top of the md-toolbar

I want to be able to toggle a sidenav without hiding the top left part of the md-toolbar, similiar to how Google Inbox works: (source: cbsistatic.com) It seems like the toggle function is causing it, because without the animation, the sidenav in…
Eliran Swisa
  • 158
  • 1
  • 1
  • 8
1
2 3
…
33 34