materialize

Checkbox not working with materializecss - HTML, CSS

由 和自甴很熟 提交于 2020-01-12 07:00:07
问题 I can't seem to get checkbox to work whilst using the materializecss, as anyone else came cross this issue and managed to fix it? The library I am using: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> Checkbox without library - https://jsfiddle.net/d2yk4sbv/2/ <div><label> <input type=checkbox> label 1 </label></div> Checkbox with library - https://jsfiddle.net/d2yk4sbv/ <link rel="stylesheet" href="https://cdnjs.cloudflare

Materialize CSS - Sidenav overlay covers all the page

由 强颜欢笑 提交于 2020-01-11 04:27:06
问题 I am using Materialize css and I want to turn the navigation bar to sidenav in middle and small screens. I did it just like in the documentation. The problem is that when I click the menu button, sidenav is opened but it is like the image below I am not able to click the links in the sidenav since the sidenav-overlay covers all the page even the sidenav itself. It is closing when I try to click a link. Any suggestions how to solve it? HTML: <div class="navbar-fixed"> <nav class=""> <div class

Using materializecss with aurelia

由 ⅰ亾dé卋堺 提交于 2020-01-11 03:48:06
问题 I would like to ask if there's a step by step way to use or configure materializecss with Aurelia. I'm currently able to run my Aurelia app up to the point in the tutorials where my index.html looks like this: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="jspm_packages/github/dogfalo/materialize@0.97.0/dist/css/materialize.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <title></title> </head> <body aurelia

Updating default front-end design of Identity Login Page in .NET core

由 ε祈祈猫儿з 提交于 2020-01-11 03:19:46
问题 I am developing a .NET core application with Identity login which provides a Bootstrap form In the /Identity/Account/Login page. I have imported Materialize CSS files in the wwwroot/lib folder and want to change the Login page's design with materialize css as well. The problem is /Identity/Account/Login page doesn't exist in project structure. Then how should I approach to solve this problem? 回答1: One way would be to scaffold the login page, which would add it to your project structure. Then

How to use materialize-css with angular

由 痴心易碎 提交于 2020-01-11 02:06:11
问题 I have created an angular4 project with angular-cli . I want to materialize-css@next library. So I have installed it using npm install materialize-css@next --save so this installed "materialize-css": "^1.0.0-alpha.2", Then in the angular-cli.json I have added reference to css and js file "styles": [ "styles.css", "../node_modules/materialize-css/dist/css/materialize.css" ], "scripts": [ "../node_modules/materialize-css/dist/js/materialize.js" ], Now this is working fine for normal components

How can I load value on input date with angular?

由 最后都变了- 提交于 2020-01-07 03:04:26
问题 I'm programming with Angular 1.5.5 and I'm using Materialize CSS 0.97.6. I have this problem. On controller, I have $scope.myDate = '2017-01-13T02:06:40' In the HTML file, I have <input type='date' class='form-control datepicker' value="{{(myDate | date: 'dd/MM/yyyy')}}"> But the input field doesn't show anything. If I put <input type='date' class='form-control datepicker' value="13/01/2017"> it works. I did it to check the myDate variable <div ng-bind="myDate | date : 'dd/MM/yyyy'"></div>

Materialize side-nav links doesn't work

由 杀马特。学长 韩版系。学妹 提交于 2020-01-07 02:37:25
问题 I'm making an web with materializecss but links I add on the side nav doesn't work what can I do with it, When I click the link the side-nav close code: <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a> <a href="index.php" class="brand-logo left thin" title="bcgraphixx">Page Title</a> <ul class="right hide-on-med-and-down"> <li><a class="waves-effect" href="index.php">Home</a></li>

$scope variable not changing in controller when changed using directive

由 ☆樱花仙子☆ 提交于 2020-01-06 23:46:14
问题 I tried in all ways (keeping the scope to false, etc but not able to change my scope in controller),am I missing something. directive: angular.module("ui.materialize.inputfield", []) .directive('inputField', ["$timeout", function ($timeout) { return { transclude: true, scope: {}, link: function (scope, element) { $timeout(function () { Materialize.updateTextFields(); // The "> > [selector]", is to restrict to only those tags that are direct children of the directive element. Otherwise we

Materialize 'Select' component not working in React

由 主宰稳场 提交于 2020-01-06 04:37:13
问题 As stated in the question, I'm trying to use the Select component in MaterializeCSS/React and the webpage rendering looks like this: The text is greyed out and I can't click or interact with it. This is my relevant code: I have included: import ReactDOM from 'react-dom'; import $ from 'jquery'; My componentDidMount() method looks like this: componentDidMount() { var element = ReactDOM.findDOMNode(this.refs.dropdown) $(element).ready(function() { $('select').material_select(); }); } And in my

Materializecss: carousel & slider not working

由 北城余情 提交于 2020-01-05 09:29:33
问题 EDIT: I found out the solution. See my post at the bottom of the page. I've created a template for joomla with materializecss. Everything works fine except the slider (which displays as a gray rectangle) and carousel which just shows images one after another as obsolete divs. The carousel: The slider: I've imported the jquery script before materializecss. I've also called the carousel.carousel(). The code for slider and carousel I used is same as on the Materializecss website in examples. Can
订阅 materialize