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
-
5
votes2
answers6742
viewsHow to change the color of the icon in Materialize?
I’m using the framework materialize and to put an icon I do this way: <i class="material-icons">menu</i> It turns out that by default the icon is in white color, I wonder how I can do to…
-
5
votes3
answers2776
viewsHow to fill a select with angular using materialize
I’m trying to fill in a select with data from my groundwork the problem is that I always have to select the select one time for the data to load. How can I solve this problem? HTML <form class=""…
-
4
votes3
answers818
viewsValidate Select jqueryValidate with Materializecss
I found a problem that I am not getting solution for a while, I am working with the framework Materializecss. It has validation with some direct notations in the HTML tag, what I’m not able to…
-
4
votes1
answer5408
viewsProblem when using Select
I’m trying to use the form select of this site here: http://materializecss.com/forms.html But when I put on my site the only thing that appears is this: "Materialize Multiple Select" Someone knows…
-
4
votes2
answers2568
viewsHow to use Materialize with Angular?
I’m developing a project, but even importing all the CDN, the angular and the materialize, the materialize Javascript does not want to work together with the angular, there is some kind of conflict…
-
4
votes2
answers725
viewsput a materialize inline list
I’m trying to put the list of social media icons inline on my footer, but I’m not succeeding. Does this change have to be done directly in the css of materialize? Follow code attached to help. Thank…
-
4
votes3
answers2608
viewsProblem using include php different folders
First I apologize for not being able to express myself correctly, I am learning php yet and I came across the following problem. I’m setting up a site for studies and at the root I created the…
-
4
votes1
answer1351
viewsToast materialize
I am trying to implement a Toast (code below), however, there is no result when clicking the button. I don’t know what I might be doing wrong. <div class="row"> <button id="btn"…
-
3
votes1
answer3483
viewsHow to center a card panel in materialize css?
I have the following login form inside a card panel: What I could do to center my card on the page? This is the code I have so far: <div class="input-field col s12"> <input id="user_name"…
-
3
votes2
answers119
viewsWhat is the difference between # and #! in HTML 5?
What is the difference between # and #! in the href element attribute <a>? <a href="#">link 1</a> <a href="#!>link 2</a> NOTE: I am using Jquery and Materialize…
-
3
votes1
answer243
viewsjQuery + Angularjs + Materialize CSS error
I have the following procedure in my angular controller: $(document).ready(function(){ angular.element('.button-collapse').sideNav(); angular.element('.parallax').parallax(); }); I’m starting these…
-
3
votes1
answer242
viewsPin icon to bottom right corner using Materialize
First time I’m using the materialize. I would like to know how to fix an icon in the lower right corner. <a class="btn-floating btn-large cyan pulse right"><i…
-
3
votes2
answers743
viewsMaterialize - How to align the footer always below?
This code below leaves it aligned below if the content fills the whole page, otherwise it gets in the middle of the body. Remark: I have read the manual of materialize, it was even aligned but…
-
3
votes3
answers102
viewsHow to call tab
I have a Navbar with some tabs (tabs) that if clicked on the link BEGINNING (for example), open a div with the main site information, if the link clicked is the GALLERY, then a new content is…
materializeasked 5 years, 2 months ago Deivid Souza 407 -
2
votes1
answer10173
viewsCentralize div container materialize
I got the following shit on mine HTML: <div class="image"> <div class="container center-align"> <h1 class="grey-text text-lighten-5">Análise de Sistemas</h1>…
-
2
votes2
answers255
viewsMaterializecss is not responsive
A few days ago I made a template in materializecss; today I stopped the phone and realized that it is not getting responsive. I’ll leave some prints to clarify: Responsive (only when browser…
-
2
votes1
answer158
viewsUse of classes on the Materialize grid
While reading the documentation of materialize I saw that to create a grid responsive they use at a given time the following classes: <div class="col s2 m4 l3"> and later to complete the…
-
2
votes2
answers661
viewsTEXT Inside a button - Materialize CSS
I’m having a hard time breaking text inside a button. I make use of materialize css but in general I have no idea how to put all the text I want inside a button, it always cuts the end of my titles…
-
2
votes1
answer1113
viewsDOM manipulation with Vuejs and Jquery
I am using the pure materialize together with pure Vue to make my own admin template, that is, I managed the project by Vue init and put in index.html the links to the css and js of materialize. The…
-
2
votes1
answer604
viewsHow to use materialize components with Vue.js?
I have a dynamic table that updates according to an object array. In one of her columns I want to put a dropdown with the possible actions (edit, delete, etc). But the dropdown does not work and…
-
2
votes1
answer118
viewsRadio input(materialize) animation does not track properties
I am trying to manipulate the radio input dynamically and the property(checked) of the element is being manipulated correctly, but the animation of the field does not follow this dynamic, the first…
-
2
votes6
answers4771
viewsHow to use Materialize side-Nav?
Good morning, I’m trying to make a responsive menu for my portfolio, I’m using the do materialize but when I put it fixed the side-Nav of the mobile version Uga, it gets all dark and not to click on…
-
2
votes1
answer435
viewsPreloader with Materialize
I’m making a request via ajax: $(function () { $('#loader').hide(); $('#formSend').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'proc_pedidos.php', data:…
-
2
votes3
answers401
viewsMaterializecss: image without margin
I have an image inside a div. Down she gets a margin. I tried with Firebug to look at the code of div and img, but I found nothing stated with margin and padding. <div class="row"> <div…
-
2
votes1
answer293
viewsAll tabs appearing when updating page materialize
Does anyone know why this happens? When I refresh the page a part of the following tabs appears and then disappears when it finishes loading. I want to prevent that from happening. HTML <section…
-
2
votes2
answers146
viewsMaterialize 1.0.0-beta (CSS Transitions)
I am new in front end in general, I have basic knowledge of html and css, I would like to use the materialize and understand this function here. http://materializecss.com/css-transitions.html…
-
2
votes3
answers53
viewsHow not to enable inherited js function?
As you can see in the example below, I have a Collapsible and in the initial structure I have a button/link (example + sign), I would like to be able to press this button and not activate the…
-
2
votes1
answer354
viewsProblem with the basics of creating a sidenav using Materializecss
I’m learning to materializecss and I’m trying to create a sidenav, but I’m having problems, I wonder where, follow the little code: <!DOCTYPE html> <html> <head>…
-
2
votes2
answers636
viewsMaterialize Autocomplete does not load values
I’m having trouble loading values into the Materialize autocomplete. What happens is the following: $().ready(function() { $('#sel_estado').change(function() { $.post('auto_cid.php',…
-
2
votes1
answer90
viewsCentralize tabs within Navbar on Desktop
The code below is ready to centralize on mobile devices automatically, but on the desktop it is on the left side, would like to be able to centralize it. Desktop: On mobile devices: I would like…
materializeasked 5 years, 3 months ago Deivid Souza 407 -
2
votes2
answers253
viewsAbnormal behavior when taking data from a Formgroup with Angular
I was finishing a form using Angular and Materialize and noticed that I was not receiving the data from fields generated with "datepicker" of Materialize, even if they have valid text. HTML:…
-
2
votes1
answer377
viewsHow to align text with the center of the div with Materialize?
I have a div with a text and an image: This div has a block of text that should be aligned with the center. To make the alignment, I used the class .valign-wrapper, that worked perfectly with the…
-
2
votes1
answer155
viewsDropdown materialize does not recognize click on smartphone in Chrome browser
I have a table that has a materialize dropdown, which when selected by PC/Notebook works normally. But when clicked by some mobile device with the same browser it does not recognize touch as click…
-
2
votes1
answer84
viewsOpen Material Box when dragging to next image
I use on my website Carousel and Material Box so that the user can click on an image and it can be expanded. I therefore realized that it is possible for the user to drag (with mouse on the pc or…
-
1
votes2
answers3585
viewsHow to switch to Portuguese the date field in Materialize
I use the materialize, and put the date field with the datepicker class: <div class="input-field col s6"> <input type="date" name='vencimento' class="datepicker"> <label…
materializeasked 8 years, 8 months ago Felipe Candido 78 -
1
votes1
answer689
viewsSet colors patterns in materialize
I wonder if you have how to set a color pattern in the materialize framework, as by example is made in Material Design. This would avoid inserting the color of an element in each one Thanks in…
materializeasked 8 years, 1 month ago Tales Breno 369 -
1
votes1
answer337
viewsHow to disable materialize input
I realize that with Framework materialize as soon as I put an input it already stylizes by type. But I don’t want to use styling for input, like disabling?
-
1
votes2
answers2534
viewsAlign Framework Cards Materialize
Just now I decided to take a look at Materialize and tried to use the card element. I just can’t understand why they’re not organized horizontally! <div class="container"> <div…
-
1
votes1
answer896
viewsSuccessful Toast dialog when sending the form with PHP
I am creating a form for my personal website, where the user will fill in with name, surname, email, password and message and this information will be sent to my personal email. Sending the form is…
-
1
votes1
answer510
viewsHide div in materialize css
Does anyone here use materialize css ? know if there is any way to hide the column of a table through a css class ? in bootstrap have to do this using that class="Visible-Xs" went in Docs and did…
-
1
votes2
answers931
viewsMaterialize CSS - sticky label at the top
How do I always pin my label to Top? Normal behavior: stays in input, when we click on input (Focus) it sits on top of the input <div class="input-field col s6"> <input…
-
1
votes1
answer34
viewsCheckbox Materializecss label
I need to build this image structure, but I can’t get the radio input to stay on top of the image using Materializecss. Does anyone know any solution? Hug! Ex of HTML: <p> <input…
-
1
votes3
answers608
viewsClick on Carousel Materialize
Hi I am a few days looking for the solution to the following problem: I need to create a clickable Carousel (that has a link). I’m using Materialize, in the latest version, just by clicking on…
-
1
votes1
answer481
viewsShuffled fields in a form using Materialize
I’m inserting form in the materialize, but when I test the form and insert a text it looks like they get fucked. Example: I enter a name in first name but the name is scrambled with the title of…
-
1
votes1
answer500
viewsFixed Action Button in Materializecss does not work
It just doesn’t work, the button even appears but none of the buttons work. I tried using materialize via CDN and local but there was no change. I believe there is no error in the code because after…
-
1
votes1
answer2095
viewsText font size inside a button
How do I change the font size of the text inside a button? I’m using Materialize. <a class="waves-effect waves-light grey darken-3 btn"><i class="material-icons…
-
1
votes0
answers37
viewsAlert "Toasts" Materialize with Rails
I am lacking in understanding of how to apply the Toasts of Materialize in a Rails code. <% if notice %> <p class="alert alert-success"><%= notice %></p> <% end %>…
-
1
votes3
answers345
viewsHow to hide a div if access is mobile in materialize
I’m working on a project that I need to hide or remove <div> if the user accesses the system by mobile, searching the Google I saw some examples of how to do this using the Bootstrap, I wonder…
-
1
votes1
answer32
viewsYou can only call one or two classes from an entire library in HTML/Css
I’m making a website and I’m already finishing, but to make my site responsive I would need two classes from the Materialize library. The intention was to take only these two classes because by…
-
1
votes1
answer363
viewsHTML layout ratio
I’m starting a project using the library materialize css, I don’t know much about layouts, I’m struggling with the ratio of the elements of HTML. In the layout next, is with the expected ratio:…