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
4
votes
2 answers

Is there a plugins for right-to-left of MDB (Material Design Bootstrap)

I'm working on Material Design for angular js. I want to use in right-to-left mode for persian language.
hamid_reza hobab
  • 925
  • 9
  • 21
4
votes
1 answer

How do you add a search bar to angular material?

I am trying to add a search input to an but there doesn't seem to be any styling for this. It seems adding a search bar would be a common header element so perhaps I am missing something.
Xeoncross
  • 55,620
  • 80
  • 262
  • 364
4
votes
6 answers

Change height

I'm failing to overwrite the css for . They have the following code to set the heightof the progress bar in their sass file: $progress-linear-bar-height: 5px !default; md-progress-linear { height:…
Greg
  • 1,382
  • 3
  • 22
  • 45
4
votes
4 answers

Best way to implement a toggle button in AngularJS Material

I am looking for a simple solution to implement a toggle button with a custom selected / unselected icon in AngularJS Material. The functionality should be identical to the md-checkbox (with ng-model for the selection state), but I want to have my…
Waruyama
  • 3,267
  • 1
  • 32
  • 42
4
votes
2 answers

How can I rotate image in AngularJs

Here is my code: How can I rotate only the svg-arrow with angular on element box click ?
Christian Panea
  • 101
  • 2
  • 8
4
votes
2 answers

How to align text in angularjs material design

I am using angular material design. This is my code for a floating label for input in HTML.
LOGIN
Devesh Agrawal
  • 8,982
  • 16
  • 82
  • 131
4
votes
1 answer

How do i change the angular material md-primary button text color?

Basically i cant for the life of me figure out how to set the text color of the buttons using angular material and anything else using the md-primary background color. The code i am using to create the theme is var customPrimary = { '50':…
JohnC
  • 1,377
  • 11
  • 33
4
votes
0 answers

Duplicate identifier with angular material typescript definitions

After installing angular material typescript definitions via nuget, I got a lot "Duplicate Identifier" errors. I'm using Visual Studio 2015 and until now all other typescript definition packages work well. How can I solve this problem?
CPA
  • 2,923
  • 4
  • 30
  • 52
4
votes
0 answers

Angular Js Drag and Drop Material md-list

Im a newbie with angularJS and wondered if there is any way to add to the example from the docs md-list the drag and drop feature ? https://material.angularjs.org/latest/#/demo/material.components.list Im neither experienced with jquery. Many…
annika
  • 51
  • 1
  • 4
4
votes
1 answer

Angular material md-dialog load delay

I have a button on click of which an md-dialog pops up. This dialog contains some rather heavy html and javascript and the first time the button is clicked, it takes about half a second to show the dialog (I'm guessing because the DOM is being…
Vedavyas Bhat
  • 2,068
  • 1
  • 21
  • 31
3
votes
1 answer

Scope problem - Nested $mdDialog within class based controller

I am moving my AngularJS controllers over to a class based model in order to support a few newer ideas that have come up lately. This has brought up an issue using AngularJS Materials $mdDialog service that I'm having trouble with. I have a setup…
3
votes
2 answers

initially show place holder on md-datepicker

I need to show only the placeholder text on md-datepicker before selecting a date. But when I send a null value to md-datepickeer it default show the current date. This is my angularjs controller code line to pass null date appCtrl.myDate =…
3
votes
1 answer

Firefox browser loading AngularJS app slowly

My Angular JS app is loading slowly on Firefox browser. As a result of this, some of the hidden elements are showing up on the page during page load before getting hidden again. I am using AngularJS material also. I tried moving the script tags to…
3
votes
1 answer

Angularjs Material $mdDialog Controller Not Working On Specific Computers

I've got mdDialog as shown below function selectAddress(addressType) { $mdDialog.show({ controller: function ($scope, $mdDialog) { var savm = $scope; savm.addressType = addressType; savm.close = $mdDialog.hide; …
Murat Ersin
  • 428
  • 6
  • 12
3
votes
2 answers

Limit number of chips display

I'd like to display only a the first three chips of a list, and put a marker that there are more to see (like three dots for example). Is there a way to do so with the directive ? I'd prefer specify that I'm talking about a read-only…
Matthias Beaupère
  • 1,731
  • 2
  • 17
  • 44