materialize

问题 I'm using Materialize as my UI framework and I'm using DataTables for my tables. I have a table which I need to export to excel and I can do it just fine using the DataTables buttons. However, they are the default DataTables buttons, and I would like to use the Materialize buttons. So the question is: how can I use my own buttons and have them do the functions of the built-in buttons of DataTables (specifically exporting to Excel)? I already tried using the option "className" to the

问题 I'm writing a client-side app that is using Webpack, and I cannot figure out how to require the materialize-css package. I'm using Henrik Joreteg's hjs-webpack package, and with this the yeticss npm package is included by doing an import in a sass file (e.g. @import 'yeticss' ), but this doesn't work for materialize. Requiring it straight up in the code (e.g. import 'materialize-css' in a JS file) like any other package also doesn't work. 回答1: In this case, unlike with yeticss, you need to go

问题 This question already has answers here : Difference between style = “position:absolute” and style = “position:relative” (9 answers) Closed 4 years ago . I was wondering how to have the value of the range to show up when scrolling the range input <form action="#"> <h5>The Temperature</h5> <!--the temperature--> <p class="range-field"> <input type="range" id="temp" min="0" max="100" /> </p> 回答1: When working with position: relative; the way the object in question is positioned is indeed

问题 How do I configure Checkboxes in Asp.Net MVC Razor. Since in the documentation we have the following configuration Materialize for checkboxes : <p> <label> <input type = "checkbox" /> <span> Network </span> </label> </p> And in Razor I could not perform this configuration. <div class = "input-field col s12"> @Html.EditorFor (model => model.AnnualDestaque) @Html.LabelFor (model => model.AnnualDestaque) @Html.ValidationMessageFor (model => model.AnnualDestaque, "", new {@class = "text-danger"})

问题 I have a menu that I walk with a "ng-repeat" to paint the problem that I have is that if you burn a variable with the json from the menu that is painted correctly, but if the menu as consumption from a WebAPI not paint me complete, menu is as if first paint the html consultation before the end of the WebAPI. The menu paints me correctly, but a submenu (dropdown) does not paint me children. They know how to solve it? This is the menu This is the html <div ng-controller="dashboardController"

问题 I'm trying to import the materialize-css library for use in an aurelia project. Materialize is imported in App.ts with import 'jspm_packages/npm/materialize-css@0.97.1/dist/js/materialize.min' , but this causes the project to fail on load with the following errors: GET http://localhost:8000/hammerjs.js 404 (Not Found) GET http://localhost:8000/jspm_packages/npm/materialize-css@0.97.1/dist/js/picker.js 404 (Not Found) Unhandled promise rejection Error: XHR error (404 Not Found) loading http:/

问题 I am currently confused about how to create a view through javascript as a kind of "pop-up" that would cover the mailbox when a cell is hit to display its particular info. Currently my code for the mailbox is as follows (cells dynamically generated): <div class="row"> <div class="col s8"> <div class="collection-header center"> <h4>Email Box</h4> </div> <ul class="collection with-header"> <div id="mailCollection"> <!-- Dynamically Add These Cells To this view --> </div> </ul> </div> This is

问题 I am using a library ngx-materialize which is built on MaterializeCSS and I am trying to build a navbar: https://sherweb.github.io/ngx-materialize/navbar using one of Materialize CSS's preset colour class: https://materializecss.com/color.html <mz-navbar class="blue-grey darken-3"> <a href="/" class="brand-logo center"> LOGO </a> </mz-navbar> This doesn't work as the rendered parent element still has the color of "red": image dev tools I have tried wrapping the with a div like this: <mz

问题 My question is the same as : Materialize modal overlay the whole page (the modal popup was not brought to foreground) My modal is appearing behind its background. HTML: <div class="navbar-fixed"> <nav style="height: 65px"> <div class="nav-wrapper"> <a href="#" class="brand-logo center"> IMDB</a> <ul id="nav-mobile" class="right hide-on-med-and-down"> <!--TRIGGER--> <li><a class="waves-effect modal-trigger" href="#modal1"><i class="material-icons">account_circle</i></a> </li> <!-- Modal

问题 <div class="col s12"> <ul class="tabs"> <li class="tab col s4"><a href="#test1" class="active">tab1</a></li> <li class="tab col s4"><a href="#test2">tab2</a></li> <li class="tab col s4"><a href="#test4">tab3</a></li> </ul> </div> <div id='test1' class="col s12"> <a href='#test2' >continue</a> </div> <div id='test2' class="col s12"></div> i am trying to navigate to next tab after clicking on the button or link such as "Continue Button" in materializeCss. I have attached the image for better