I'm trying to implement my md-tabs so each md-tab is a separate state using angular-material. My current markup looks like this:    md-tabs.is-flex.auto-flex(selected="selectedIndex",layout="vertical")      md-tab(on-select="s...

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 have all requirements Jquery, Materialize.js sitting above my Js file however I get the warning openModal is not a function..I checked the modal name is right and I can run Materialize.toast so I know Materialize.js is working. Triggering with the...

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 want to have multiple FlatButton components in the Material-UI AppBar and preserve the style, so it looks like this (with multiple buttons).    However, when I try to add multiple FlatButton components, I get an error saying I need to wrap them in...