Stack Overflow
Stack Overflow

Questions tagged [material-design-lite]

Material Design Lite (or MDL for short) is an implementation of Material Design for the web by Google. Take note that Material Design Lite is currently in **limited support**, which means that no further development is taking place. Consider using Material Design Components for the Web instead.

Current version

v1.3.0

Purpose

From its GitHub repository:

An implementation of Material Design components in vanilla CSS, JS, and HTML.

Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

Support

As of 4 March 2018, MDL is currently in limited support. This means that no more work is taking place in the project.

Limited support

Material Design Lite is now in limited support, with development having moved to the Material Components for the web repository.

No further development is taking place in MDL by the core team, but we are happy to review PRs, fix critical bugs and push out new releases. No breaking changes will be accepted.

More info

Resources

640 questions
0
votes
2 answers

Material Design Lite buttons on Joomla 3.x

I'm attempting to add the buttons from Material Design Lite (http://www.getmdl.io/) to a Joomla 3.x site. I followed the directions to the best of my ability and the output I get is not getting the styling. I attempted to thoroughly document my…
Brad Russell
  • 23
  • 5
0
votes
2 answers

How to Click "mdl-layout--fixed-header" Menu Button Programatically

I have a button that I want to open the mdl-layout__drawer. For example, see the official example here and note the menu icon opens the drawer upon clicking. I have a button that, upon clicking, I want the drawer to open. I have tried both of the…
Ronnie Royston
  • 16,778
  • 6
  • 77
  • 91
0
votes
1 answer

How do I use MDL Tabs to link to places within page without hiding other content

I am using the Material Design Light "Text Heavy" template page as a basis for a page I am creating. I would like to use the tabs up the top to link to places within the page without hiding other content: ie scroll down to a card, without hiding…
user279055
  • 1
  • 4
0
votes
1 answer

How to position badge closer to icon?

I'm trying to make a website with the navigation layout from Material Design Lite and I want to put an icon with notifications in my navigation bar. So far I have something like this: http://codepen.io/anon/pen/qONOjP
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
0
votes
1 answer

Material Design Lite drawer breakpoint

I need to set the Material Design Lite drawer menu so that the hamburger menu is displayed permenantly. The menu must be shown only on click. There is no documentation available about this. Thank you! link
Laurent Trépanier
  • 15
  • 4
0
votes
0 answers

Material Design Lite and Infinite Scrolling script conflict

I am using Material Design Lite (http://www.getmdl.io/started/) and Infinite Scroll script ( https://github.com/infinite-scroll/infinite-scroll ) on my Wordpress website. When I use both scripts, infinite scroll doesnt work. But it works when I…
Adam
  • 1
0
votes
1 answer

Material Design Lite - animation not work inside ng-view div

Do you know why the first button animation does not working, after refresh the page? After click the first button we can only see the button shadow but animation not working. Thank u in advance.
user3708790
  • 51
  • 4
0
votes
1 answer

Drawer not working with `mdl-layout--fixed-header` class

It is well operated: class Layout extends React.Component { render() { return
jeyraof
  • 863
  • 9
  • 28
1 2 3
…
42 43