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
-1
votes
1 answer

Why use Material Design Lite (MDL) with Twitter Bootstrap in Angular2?

Material Design Lite (MDL) and Twitter Bootstrap are both great cross device frameworks, MDL is popular for its cool material deign look and feel while Bootstrap is for its adoption rate, out of the box components and customisation options. What are…
-1
votes
1 answer

MDL Icons off-center

I have icons that fit perfectly, but sometimes, my icons are off center and get cutoff:
Script Kitty
  • 1,737
  • 5
  • 27
  • 47
-1
votes
1 answer

Material design sidenav in content area

I am trying to work out how I get a navigation menu next to my blog content. I don't want the navigation menu header - the button that makes the menu slide out. I want the menu to show inside a card. Here is what I have so far, but it is not…
RussellHarrower
  • 6,470
  • 21
  • 102
  • 204
-1
votes
1 answer

Customize Material Design CSS & JS Component

I've been trying to find a material design CSS & JS framework that is able to provide a custom download of the components. In other words, and for example with Material Design Lite, if I only need radio buttons, is there any way for me to download…
-1
votes
2 answers

How to create a menu call?

How to create a menu call as the left menu in this site: http://www.getmdl.io/components/index.html#toggles-section Can somebody tell me a documentation of this kind of implementation? Thank a lot!
-1
votes
1 answer

Best front-end framework for mobile web app

I am trying to develop an interactive web app for mobiles, and I want to give the best experience possible for the largest number of mobiles. To do so I decided to go with meteor because it takes care of all the heavy lifting around the logic behind…
-2
votes
1 answer

How to update material design lite badge count

How can I update the data-badge count on a Material Design Lite badge in javascript? For example, the count of new notifications on a notification badge after fetching the notifications from the database.
James Gitonga
  • 101
  • 2
  • 10
-2
votes
1 answer

Is Google Material Design Lite(https://getmdl.io/) framework not supporting Authoring Adobe Experience Manager?

I need support on understanding CSS Framework dependency on Authoring AEM. I am UI front end developer and AEM team stopping me to use Google Material Design Lite(https://getmdl.io/) framework. They told me Google Material Design Lite is not…
Sandy
  • 325
  • 1
  • 9
  • 18
-2
votes
1 answer

The TEXTAREA element has different font-family than the INPUT element in MDL

The TEXTAREA element has different font-family than the INPUT element in MDL. Please fix.
orchardc
  • 5
  • 1
-2
votes
2 answers

$(this).toggleClass not working

So I'm busy creating a mini webshop, and I'm using google's front-end (MDL) template What I wanted to do in my webshop is, when a user clicks on x product I want to toggle a class, I'm using closures inside loops to detect clicks on any…
realappie
  • 4,656
  • 2
  • 29
  • 38
1 2 3
42
43