materialize

问题 I have a large html form, So I decided to use materialize-stepper in order to facilitate the UI. But the form doesn;t submit to the MySql db. I have tried using the normal form with few inputs and it submits to the db. I am thinking, Is it because of the 'ul' markup? my code is below the snippet of the Html form: <form class="CreateClient"> <ul class="stepper horizontal" style="min-height:550px"> <li class="step active"> <div class="step-title waves-effect waves-dark">Contact detail</div>

问题 I'm using dropdown menu from MaterializeCSS http://materializecss.com/dropdown.html but I want that menu to open upward not downward. Can I do this via options or I will have to change some stuff direct in the framework? I tried to use gutter in options and other options and it does not work. 回答1: This may solve your problem. set it true like this belowOrigin: true, // Displays dropdown below the button $('.dropdown-button').dropdown({ inDuration: 300, outDuration: 225, constrainWidth: false,

问题 I'm trying to create a modal dialog that has an fixed header and footer and that the content (in this case list of users) inside the modal dialog is scrollable... My best attempt so far gave me the result on the image: I assume that after seeing the image I dont have to describe what the problem is... and I also assume that you will know what the solution has to look like... :) But just to be sure I'll write it anyway... The modal dialog needs to have a fixed header (Area where the title

问题 I'm trying to create a modal dialog that has an fixed header and footer and that the content (in this case list of users) inside the modal dialog is scrollable... My best attempt so far gave me the result on the image: I assume that after seeing the image I dont have to describe what the problem is... and I also assume that you will know what the solution has to look like... :) But just to be sure I'll write it anyway... The modal dialog needs to have a fixed header (Area where the title

问题 I have followed this documentation and have created a select tag with react. I have edited this question, If I use className="browser-default" in select it works fine. But for materialize select it is not working. onChange event is not working in my case. The function doesn't get called. import React from 'react'; class Upload extends React.Component{ constructor(props){ super(props); this.state={ degree:'' } this.upload=this.upload.bind(this); this.degreeChange=this.degreeChange.bind(this);

问题 When trying to use a third party jQuery Validation Library with Materialize I am unable to validate any Select Lists. I was wondering if anyone is able to or knows how to get jQuery.validation working with Materialize? <div class="row"> <div class="input-field col s12 m6"> @Html.DropDownListFor(model =>model.Gender,Models.StaticLists.GenderListItems(), new { @class = "validate[required]", required = "required", Name="Gender"}) <label for="Gender">Gender:<em class="form-req">*</em></label> <

问题 I'm using the framework of Materialize from materializecss.com . The placeholder for the textbox isn't working on IE, I think the framework has something to do with this because from my other page I tried using bootstrap framework, and the placeholder property worked, is there any solution for me to make the placeholder property work on the Materialize framework? <div class="row"> <div class="input-field col s10"> <asp:TextBox ID="txtCompany" runat="server" Visible="false" placeholder=

问题 I would like to use materializecss without jQuery. For example, I want to do the following without the use of jQuery: $('.chips-initial').material_chip({ data: [{ tag: 'Apple', }, { tag: 'Microsoft', }, { tag: 'Google', }], }); Thanks 回答1: Starting with Materialize 1.0.0, jQuery is not a dependency anymore. See https://medium.com/@materializecss/materialize-to-1-0-and-beyond-e0233b8ac15 Previous releases still rely on jQuery. Alternatively you can use Cash by Ken Wheeler. 回答2: Since version 1

问题 I want to open a modal window when the user be in a window, I mean, open a modal without a trigger button, I have this example. <button data-target="modal1" class="btn modal-trigger" id="btn-1">Modal</button> <div id="modal1" class="modal modal-fixed-footer"> <div class="modal-content"> <h4>Modal Header</h4> <p>A bunch of text</p> </div> <div class="modal-footer"> <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a> </div> It works if I click on the

问题 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