Описание тега material-design-lite

Material Design Lite (или сокращенно MDL) - это реализация материального дизайна для Интернета от Google. Обратите внимание, что в настоящее время Material Design Lite имеет ** ограниченную поддержку **, что означает, что дальнейшая разработка не ведется. Вместо этого рассмотрите возможность использования компонентов дизайна материалов для Интернета.
1 ответ

Как добавить пользовательский диалог, используя angular2-mdl?

Я новичок в angular2 и я использую angular2-MDL для моего проекта. Я пытался реализовать пользовательский диалог, указанный в http://mseemann.io/angular2-mdl/dialogs но я не должен заставить его работать. Я получаю ошибки Не удается найти имя 'MdlDi…
02 окт '16 в 04:39
1 ответ

Как правильно увеличить размер кнопки MDL?

Я принял тот факт, что в MDL нет встроенной "плавающей внизу справа" кнопки FAB (аналогично Android SDK). Однако я наткнулся на другую проблему. Нет встроенного способа сделать обычную кнопку больше. Будь то потрясающий или обычный. Идеи? Вот что я …
16 окт '16 в 19:31
1 ответ

Загрузчик 4 горизонтальное выравнивание переключателя не удается

Я использую элемент переключения Material Design Lite в моей платформе Bootstrap 4 и не могу выровнять элемент по правой стороне столбца. Обратите внимание, что класс "float-right" прекрасно работает для элемента Bootstrap (кнопка). Я также попыталс…
1 ответ

Изображения в карточках

Почему изображения для компонента карт используются в качестве фона, а не изображения для заполнения медиа-части карты? мы можем просто использовать тег изображения вместо этого? Я пытаюсь использовать инфраструктуру MDL для создания шаблона Tumblr,…
13 июл '15 в 13:43
0 ответов

Выборочная проверка в леях

В настоящее время я делаю регистрационную форму в формате HTML, полностью основанную на AJAX и JavaScript (без библиотек, пожалуйста), также использую MDL. Моя проблема в том, что я хочу проверить электронную почту и имя пользователя в режиме реальн…
10 июл '16 в 13:52
1 ответ

Material Design Lite: использование навигационных ссылок в элементе интерфейса Drawer

Я добавил простой элемент выдвижного ящика MDL в пример "Тестового шаблона" (из getmdl.io) и установил href='# Overview' для ссылки на страницу с обзором. При нажатии на соответствующую ссылку в элементе ящика ничего не происходит! Я ожидал, что в р…
02 мар '16 в 00:29
1 ответ

Грид-система сломана?

Я использую MDL 1.1.3 из CDN для демонстрационного проекта. Мой макет <div class="mdl-grid"> <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone">div1</div> <div class="mdl-cell mdl-cell--3-col mdl…
18 апр '16 в 14:30
2 ответа

Не в состоянии понять взаимосвязь между компоновкой MDL и компонентами MDL Grid

С сайта MDL: Компоновка: "Компонент компоновки MDL представляет собой комплексный подход к компоновке страницы, который использует принципы разработки MDL, позволяет эффективно использовать компоненты MDL и автоматически адаптируется к различным бра…
08 ноя '15 в 06:12
1 ответ

Адаптивная высота CSS в MDL

У меня есть веб-сайт, основанный на леях, и у меня есть большой заголовок в центре. Я положил коробку позади, чтобы увидеть текст. Вот CodePen. Цель состоит в том, чтобы при изменении размера окна, например мобильного устройства, окно изменялось по …
1 ответ

Проблема подчеркивания ввода getmdl.io с формой материала

Я использую getmdl.io Материал формы. Форма работала нормально. Но некоторые браузеры теперь не показывают подчеркивание. Работал нормально до вчерашнего дня. Проблема только в некоторых браузерах Chrome.
30 сен '17 в 09:37
2 ответа

Material Design Lite - JS Не применять слушателей событий

У меня странная проблема с библиотекой Material Design Lite. Я включил тег сценария mdl js перед закрытием body бирка, согласно документации. Однако я не могу применить стили из библиотеки MDL. Изучив инструменты разработки, я обнаружил, что слушате…
04 авг '18 в 00:27
0 ответов

Как сделать расширенную строку в таблице данных Material Design Lite

Я хотел бы создать mdl-data-table такой, что когда я нажимаю на него. Я думаю, просто добавить строку с colspan == количество столбцов при выборе расширения строки. Мне было интересно, была ли лучшая версия, чем эта. То, что делает его похожим на то…
02 сен '15 в 04:44
9 ответов

Как отформатировать поле выбора с помощью Material Design Lite?

Я прочитал список Компонентов и прочитал предоставленный CSS, но я не вижу упоминаний о полях выбора - только обычные входные данные; текст, радио, флажок, текстовое поле и т. д. Как вы используете Material Design Lite с полем выбора? Использование …
09 июл '15 в 03:46
1 ответ

Элементы дизайна Materal внутри Модал Модал

Мы используем Material Design Lite внутри нашего приложения Cordova. Поскольку я не знаю статус MDL Dialogs от in in cordova, мы решили использовать Modaal. Когда я открываю модальное окно, появляются линии MDL, но поле ввода не перемещает метку. Я …
05 май '16 в 04:27
1 ответ

Горизонтально прокручиваемый элемент SVG?

Я хотел бы разместить изображение SVG в середине моей веб-страницы: Изображение должно отображаться частично горизонтально - например, 1/3 изображения должно отображаться изначально, пользователь должен иметь возможность прокручивать его горизонталь…
27 июл '15 в 11:37
0 ответов

Datatable чекбоксы стили дизайн материала

Я пытаюсь применить какой-либо стиль из MDL ко всем флажкам, которые я отображаю в моей таблице данных. Я включил CSS и JS по NPM, но все еще не работает. Я думаю, что моя проблема - это порядок моих скриптов и ссылок тоже css и JS, но я пробовал не…
07 май '18 в 13:06
3 ответа

<tr> не принимает высоту потомка <span>

Это &lt;tr&gt; не берет высоту потомка &lt;span&gt; и часть текста перетекает в следующую строку. Как можно расширить строку, включив в нее текст и подпись? &lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"&gt;…
15 фев '17 в 20:01
2 ответа

Радио / флажок "обязательный" атрибут в форме?

Версия MDL: 1.3.0. Браузер: Google Chrome 55.0.2883.87 м ОС: Windows 10. Я пытаюсь использовать MDL для простого опроса. Список вопросов с радиоприемниками или флажками в качестве ответов. Радио / Флажки не проверяются предварительно, когда страница…
2 ответа

Обработка кнопки mdl-js стилем с динамическим изменением innerHTML

Изменения &lt;button&gt; innerHTML, кажется, деактивирует эффект mdl-js-ripple. Использовать метод, упомянутый здесь, чтобы динамически создать новый элемент в качестве обходного пути или сообщить об этом как об ошибке? &lt;body&gt; &lt;button id="m…
13 янв '16 в 09:20
1 ответ

Снэк-бар MDL при загрузке страницы без jQuery

Я использую облегченный дизайн материала, и я хотел бы открыть Snackbar при загрузке страницы, я пробовал несколько решений, которые я нашел, но, к сожалению, безуспешно. Есть ли у вас рабочий пример?
10 авг '16 в 08:41