I am trying to create a grid of three cards per row using ng-repeat. I have a normal array of javascript objects attached to the scope. The code below will create a fresh row for every card.  <div layout="row" ng-repeat='post in posts&...

How can we select mat option when press on tab key?, it should work like enter button in mat-autocomplete angular 6... In below URL its working when press enter, but whenever we press tab button it should select highlighted option.   <mat-form-fie...

I am trying to change the color of an element when a button is pressed. I want a paper ripple effect to be triggered in that element when the button is pressed and the color changes.  How am I supposed to do that?  Target element:  <paper-toolbar...

I'm using angular material design components and want to create a custom grid-list component. The component would adapt the number of grid-list-columns based on its size. The components template would look like this:    <mat-grid-list [cols]=&...

I am facing an issue while using mdDialog confirm from angularJS material design. I am using the confirm box to ask a user for his choice to continue or confirm, If the user confirms the API will take the value and return the returns or else return,...

How to add custom flex attributes for different sizes of the screen? Referring to the spec here : https://material.angularjs.org/latest/#/layout/options  For example, the flex attribute  flex-gt-lg    Sets flex on devices greater than 1200px wide. I...

I am unable to make use of the .scroll method of jQuery while including Google's Material design. I have used Material Design Lite to make navigation bar of site.  If I exclude/remove material.min.js, then scroll method on window works perfectly....

I am making a Hybrid App using AngularJS and want it to be based on the Material Design UI Principles. I have been reading about this on the google website. They have explained a lot about the natural animations that material should undergo. I am lov...

Using Material UI for some components in my app.  I added a <SelectField /> select field in a form.   Is there a way to make it work like a normal HTML <select> element, so that:    When you hit tab on the keyboard, it highlights it when...

I am trying to bind my date property to mat-datepicker's input as part of a reactive form group. All of my methods didn't work, as my submit button is set to disabled unless the form is valid:  <mat-form-field fxFlex>   <input matInp...