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

How to display site using MDL on an Android WebView

I want to display a site build using MDL on an Android Webview, but as soon as I enable Javascript the webview displays a blank page. This happens even using the getmdl.io template examples. WebView myWebView = (WebView)…
drcursor
  • 126
  • 1
  • 4
0
votes
2 answers

Does Google Material Design Lite stylesheet covers normalize.css stuff?

This is a pretty simple question, but I didn't find any answer neither here, nor in any other place. I'm developing a new project and I will be using the Google Material Design Lite since the beginning. I'm wondering if using MDL will cause…
Buzinas
  • 11,597
  • 2
  • 36
  • 58
0
votes
1 answer

Horizontally scrollable svg element?

I would like to place a svg image in the middle of my webpage: The image should be shown partially horizontally - for ex., 1/3 of the image should be shown initially, user should be able to scroll it horizontally (to see remaining 2/3 part). How…
LA_
  • 19,823
  • 58
  • 172
  • 308
0
votes
1 answer

Material Design Lite + Polymer not working together - It doesn't display anything

I am trying to integrate some Polymer components I created with Material Design Lite. However, they just don't render anything, it's as if material design couldn't work with Polymer components. These are the steps i follow to create a HTML+Material…
codependent
  • 23,193
  • 31
  • 166
  • 308
0
votes
2 answers

HTML: Equal HTML, different View

I have a very very weird bug I am debugging right now. I am trying out Material Design Lite: http://www.getmdl.io/components/index.html#layout-section But whenever I just COPY/PASTE the "Fixed Header" example from their official CodePen…
LoveAndHappiness
  • 9,735
  • 21
  • 72
  • 106
0
votes
3 answers

How do I adjust the grid gutter on MDL as that of foundation or bootstrap?

How to set the gutter width of the Material Design Lite's grid system, with mdl, The basic grid.
1
user3348051
0
votes
4 answers

material design table component does not make dynamic row selectable

I'm having problems with Material Design Lite's table component. I defined it with the class mdl-data-table--selectable which should make its rows selectable. It does if it is statically defined in HTML, but when I create my nodes dynamically and…
krato
  • 1,226
  • 4
  • 14
  • 30
0
votes
1 answer

Material Design Lite Example of two column menu - not working in Chrome

Hey guys is there an example (with css overrides if need be) of how to have a a menu with two columns? I am trying to do the following: Select a category
Alex Daro
  • 439
  • 1
  • 7
  • 17
0
votes
1 answer

Adaptative CSS height in MDL

I have a website based on MDL, and I have a big header, in the center. I put a box behind, to see the text. Here is the CodePen. The goal, is when people resize the window, such as mobile, the box get resized at the text height. How can we do…
Félix Desjardins
  • 3,223
  • 3
  • 21
  • 36
0
votes
2 answers

Material-Design-Lite, Override styleguide property without !important

I'm playing with Material-Design-Lite and I want to override a style but it won't work. Let say that I woudl like to change the padding on mdl-navigation__link which is actually 16px 40px to 0px. I have overrided the property on my custom style…
gervais.b
  • 2,294
  • 2
  • 22
  • 46
0
votes
1 answer

Images in cards

Why are the images for the cards component being used as a background instead of the image to fill up the media portion of the card? cant we just use the image tag instead? I am trying to use the MDL framework to make a tumblr template but having…
LCallaghan84
  • 45
  • 1
  • 6
0
votes
2 answers

Input placeholder not working with angular and ui.router

I'm actually making an application with angular, ui-router and mdl, but when I change the view, input placeholder doesn't work anymore. Here is the code of my login page (in jade) .mdl-card.mdl-shadow--2dp form(name="loginForm"…
Jeremie
  • 378
  • 1
  • 3
  • 15
-1
votes
2 answers

How to get a text area value in an Angular2 component with material design lite?

I have a materiel design lite page with :
…
Philippe Corrèges
  • 663
  • 1
  • 11
  • 31
-1
votes
1 answer

PHP Content not loaded from MySql, but no error

I am working on some sort of blogging platform in php with a nice material design lite frontend. However I have a page that dynamically loads the content, it works fine in the root directory, but not in my admin directory. I hope you can spot some…
Gregor 160300
  • 33
  • 5
-1
votes
1 answer

MDL snackbar on page load without jQuery

I am using the material design lite and I would like to open Snackbar on page load, i tried few solutions which i found but unfortunately without success. Do you have any working example?
Ages
  • 99
  • 1
  • 1
  • 9
1 2 3
…
42
43