Most voted "materialize" questions
Materialize is a css and javascript framework that implements the Material Design guidelines.
Learn more…145 questions
Sort by count of
-
0
votes1
answer37
viewsJquery code shows different result depending on browser
I’m using a <input type="datetime-local"> but unfortunately it doesn’t work on Mozilla. So I thought to implement something to mask this problem, but for this I need to run a specific code for…
-
0
votes1
answer167
viewsCSS Grid Framework System
I am new to the CSS Framework branch, my question is as follows. Tool independent (Bootstrap, Materialize, etc.) how is the process of creating a website using CSS grid? Not the operation of the…
-
0
votes2
answers152
viewsWhat is the reason for the error since Jquery is being imported
I’m using Materialize together with Angular, but the dropdown menu is not working. With the following error: Uncaught Typeerror: $(...). dropdown is not a Function functions.js:6 The file funcoes.js…
-
0
votes0
answers58
viewsPrevent Navbar Scroll in Materializecss
I’m using Materializecss in a project, so far so good. I’m not able to make a stop with the scroll bar. How do I stop the scroll bar from going up, in, over the navbar? so that it only scrolls the…
-
0
votes0
answers305
viewsHow to leave the Object fixed on the screen?
I’m having a problem when I zoom in or out of the browser, my "balloons" they follow the respective command, if you increase it increases, if you zoom out it decreases, but I would like to leave…
-
0
votes0
answers92
viewsHow You Configure Checkboxes Materialize Css in Asp.Net MVC Web Application
How do I set up Checkboxes in the Asp.Net MVC Razor Since in the documentation we have the following configuration Materialize for checkboxes <p> <label> <input type="checkbox" />…
-
0
votes0
answers257
viewsMaterializecss and conflicts with jQuery
I’m having a problem here using Materialize CSS and two versions of jQuery. I’m making a onepage site, and I put the Smooth scrolling Effect(I picked up on this site here >…
-
0
votes1
answer215
viewsHow to use materialize features in php with javascript
is it possible to use materialize in a php file next to javascript ? on the return of a php function I want to issue a Materialize.Oast(); however I’m not succeeding, I already referenced the file…
-
0
votes0
answers27
viewsHow to use the click() function with a Toast
I made a system that when the user enters the index is displayed a materialize Toast, I need that when the user click on it it is redirected to another page, I tried to do as follows but I was not…
-
0
votes1
answer164
viewsExecution of jQuery Script
I have a Progress bar script, I would like the animation of the progress bar fill to be started as soon as the user scrolls the page up to the elements that will be animated. I tried to use…
-
0
votes2
answers335
viewsRails + Materialize Select field
Diplomats, I have the following problem: <div class="input-field"> <%= f.label :kind_id %> <%= collection_select(:contact, :kind_id, @kind_options_for_select, :id, :description,…
-
0
votes1
answer70
viewsProblem with Navbar
I have a problem with the navbar issue. I am making 1 template but I find myself with the following error. As you can see on the right side the scroll is at the top but as soon as I go down this…
-
0
votes1
answer620
viewsMaterialize.css insert icon over a card image
Hello, I have some cards in materialize.css that I would like to insert over the image (.card-image) a specific icon (in the example the video icon), but I’m not getting it. <div…
-
0
votes1
answer2674
viewsHow to configure the Materialize Pickadate correctly?
I set up the pickadate of Materialize on an only page that it is getting in English and when I leave and go back to the tab that has the pickadate it opens without me clicking on the field. I…
-
0
votes2
answers495
viewsHow to adjust a div to fit across the screen if there isn’t enough content to do so
Hello, I’m using freamework Materialize to create an administrative panel for a system I’m creating in PHP, but I know very little about front-end. I would like help to adjust the leftbar to fit…
-
0
votes1
answer1160
viewsHow to increase or decrease the size of the css materialize datepicker?
Well, I have a problem with the materialize datepicker, I made an Nav side and wanted to put a form to choose a date. I did, but when I click on that form, it opens up all the way. My code:…
-
0
votes1
answer161
viewsSelect Multiple Materialize on mobile
I have a question on select Multiple from Materialize to mobile. I cannot select another option, other than Bootstrap that when clicking outside the field, it automatically exits. Someone’s been…
-
0
votes1
answer999
viewsLine spacing
I’m using the Materialize Framework on a website, but when I create two lines it gives me this spacing, someone knows how to fix? <!DOCTYPE html> <html lang="en"> <head> <meta…
-
0
votes0
answers499
views<select> does not appear with Materialize
The select tag does not appear if I import the content from the other page, only if I put it directly into the index. Follow the code: index php. <!DOCTYPE html> <html> <head>…
-
0
votes2
answers131
viewsBlank spacing does not leave the html document
Well, I’ve looked at several solutions like: *,html{ margin: 0; padding: 0;} / body, html{ margin: 0; padding: 0;}, but none solved the solution of the blank spacing on the page, follows the code…
-
0
votes0
answers197
viewsCSS takes time to load in window resize
It’s a beginner’s question yet, I’m using the materialize framework and I’m having a problem that when I shrink or enlarge the window some elements take time for css to load, or sometimes I need to…
-
0
votes1
answer83
viewsDashboard with this information
I am wanting to create a simple Dashboard. exactly like this! in the field (ORDERS) would be the order count of the current day or by date. in the field (REVENUE) would be the value of sales on the…
-
0
votes1
answer148
viewsMaterialize Collapsible option does not work properly
I am using the Materialize Framework to display a list. This list can be expanded, but only works after reloading the browser several times with CTRL + F5. When I load directly into the HTML, it…
-
0
votes0
answers57
viewsHow to use jQuery inside component - Angular
So I’m having trouble executing jQuery (initialize the tabs component of materialize) within a specific component. For now the code is like this: home-logged.component.html <div class="row">…
-
0
votes1
answer57
viewsCollapse by not hiding
I’m trying to make a table with Collapse, but it turns out that by clicking the button Collapse shows, but when trying to hide, it simply doesn’t work. HTML code <tr> <td> <input…
-
0
votes0
answers163
viewsReact-materialize input is not working
I am facing the following problem, I created a site using only materialize and then I used the React library in the template, but now some fields are not working and one of them is the input I had…
-
0
votes0
answers78
viewsMany checkboxes locking browser with Materialize CSS
I have a problem which is this:: I’m using Materialize CSS, and Vue Js. I have a table with entries, and in each register has a checkbox next to it to be able to perform some action with this…
-
0
votes1
answer218
viewsAdd indicator in Materialize CSS tabs
Good morning, I am with the following nescessidade, I have a project where they existed many tabs made with materialize css, but on small screen devices the tabs are hidden to the right of the…
-
0
votes1
answer261
viewsHow to Make Slider Materializecss Resize Height Accordingly to Devices
I would like to make the slider of Materialize Css that has by default 400px height in all responsive sizes. I would like this time to have its height changed according to the device. I am using the…
-
0
votes0
answers423
viewsAngular 6 - Load Reactive Form after Http request
I’m having trouble displaying a client list obtained by a request GET in a component select. Like the GET is asynchronous, the form is being built before the request is finished and hence the select…
-
0
votes0
answers50
viewsProgress bar before function run
I have a certificate issuing page, and it takes some time to create the request and keys, as it is all done in the browser. I want to implement a progress bar so the user doesn’t get the impression…
-
0
votes0
answers62
viewsAutocomplete materialize by closing
Friends someone knows how to solve the following problem, the materialize autocomplete, does not show when completing the lenght, but when clicking again on the input it opens and closes quickly…
-
0
votes1
answer353
viewsPage alignment css materialize
I’m using materialize as a framework for an application. I’m having a little problem with its interface. I cannot make the table that displays the data from the database (a gdocs spreadsheet),…
-
0
votes2
answers201
viewsFull screen image using Materialize’s Parallax
I’m starting with Materialize, and I’m having a doubt. How to leave the background image of parallax? Currently, the function image is in the middle of the screen. CSS <style>…
-
0
votes1
answer522
viewsHow to dropdown menu in Angular with Materialize CSS?
I was doing a small project with Angular (V8.2.5) and Materialize (materialize-css v1.0.0), and decided at a certain point to insert a dropdown menu into a header component. Following the…
-
0
votes1
answer111
viewsHow to initialize two or more different date selectors in a form with Materialize?
After initializing a datepicker of Materialize CSS successfully, I realized I would need two datepickers in the same form. The problem is that I can only initialize one datepicker: HTML: <form…
-
-1
votes1
answer127
viewsMaterialize is not responsive
I developed a site using the css of http://materializecss.com/, but it does not get responsive, I wonder if the materialize is responsive and if you have to do something to make it responsive…
-
-1
votes1
answer417
viewsDropdown Materialize date attributes
I’m using materialize in a project and when creating a dropdown menu I can’t use the options available in the materialize documentation to customize the dropdown. Options such as: data-Hover="true"…
materializeasked 6 years, 5 months ago Matheus 9 -
-1
votes1
answer233
viewsCarousel materialize does not work
I’m using the default startup code of materialize, but it doesn’t work Carousel <div class="carousel"> <a class="carousel-item" href="#one!"><img…
-
-1
votes1
answer358
viewschange size of Carousel materialize
body{ margin: 0; padding: 0; box-sizing: border-box; } img{width: 100%;} .pagina{widows: 100%; height: 100%; margin-left: auto; margin-bottom: auto;} .topo{width: 100%; height: 100px; border: 5px…
-
-1
votes1
answer102
viewsI cannot call modal error without clicking (Materialize)
I cannot call the modal without having to click the button. I would like a modal to appear according to the "Check availability" If true = modal appear with message that it has been successfully…
-
-1
votes1
answer17
viewsHow to use materialize Feature Discovery only on first page access?
Well, I have Feature Discovery in my js file that way: $(document).ready(function(){ $('.tap-target').tapTarget(); $('.tap-target').tapTarget('open'); }); function closeFeatureDiscovery() {…
-
-2
votes1
answer944
viewsHow to limit the options of a select?
I made a modal form in materialize-css and in this form there are several fields, including one that is (what I have problems with), it is the Brazilian states, ie 27 states. And when you click on…
-
-2
votes1
answer255
viewsHow to break line after button in Angular with Materialize?
Making a small page using Angular, I came across a problem of overlapping two buttons. When they are on screens more than 420 px wide (cell phone in horizontal position, for example), it does not…
-
-2
votes1
answer29
viewsProblem with Alert
Good afternoon, I’m starting with Javascript/Jquery I’m having some problem in my project’s Alert. It may be a logic problem, but because I’m starting out, I can’t see where the error is. It is a…