Perguntas com a tag [materialize]

Materialize é um framework css e javascript que implementa as diretrizes do Material Design.

Filtrar por
Ordenado por
Com tags
5 votos
2 respostas
8mil visitas

Como trocar a cor do ícone no Materialize?

Estou usando o framework materialize e para se colocar um ícone faço desta maneira: <i class="material-icons">menu</i> Acontece que por padrão o ícone está na cor branca, gostaria de ...
MeuChapeu's user avatar
  • 6.105
5 votos
3 respostas
3mil visitas

Como preencher um select com angular usando materialize

Estou tentando preencher um select com dados da minha base o problema é que tenho que selecionar sempre uma vez o select para que os dados carreguem. Como posso resolver esse problema? HTML <...
Al Unser Albuquerque's user avatar
4 votos
3 respostas
4mil visitas

Problema em usar include php pastas diferentes

Primeiramente peço desculpas por não conseguir me expressar corretamente, estou aprendendo php ainda e me deparei com o seguinte problema. Estou montando um site para estudos e na na raiz criei as ...
Ivar's user avatar
  • 172
4 votos
1 resposta
2mil visitas

Toast materialize

Estou tentando implementar um toast (código abaixo), porém, não há nenhum resultado ao clicar no botão. Não sei o que posso estar fazendo de errado. <div class="row"> <button id="btn"...
roger roger's user avatar
4 votos
1 resposta
6mil visitas

Problema ao usar Select

Estou tentando usar o form select desse site aqui: http://materializecss.com/forms.html Porém quando coloco em meu site a única coisa que aparece é isso: "Materialize Multiple Select" Alguém sabe ...
Ingi's user avatar
  • 45
4 votos
2 respostas
776 visitas

colocar uma lista inline materialize

Estou tentando colocar a lista de icones das redes sociais inline no meu footer, porém não estou obtendo sucesso. Essa alteração tem que ser feita direto no css do materialize? Segue código em anexo ...
Marcos De Barros Azevedo's user avatar
4 votos
2 respostas
3mil visitas

Como utilizar o Materialize com o Angular?

Estou desenvolvendo um projeto, mas mesmo importando todos os CDN, do angular e do materialize, o JavaScript do materialize não quer funcionar junto com o angular, exite algum tipo de conflito ? ...
Flavio Martins's user avatar
4 votos
4 respostas
909 visitas

Validar Select jqueryValidate com Materializecss

Encontrei um problema que não estou conseguindo solução a um tempinho, estou trabalhando com o framework MaterializeCSS. Ele possui validação com algumas notações diretas na tag HTML, o que não estou ...
Lindsey Tonn's user avatar
3 votos
2 respostas
135 visitas

Qual a diferença entre # e #! no HTML 5?

Qual a diferença entre # e #! no atributo href de elementos <a>? <a href="#">link 1</a> <a href="#!>link 2</a> OBS: estou usando JQuery e Materialize
Diefesson's user avatar
3 votos
3 respostas
156 visitas

Como chamar aba

Tenho um Navbar com algumas abas (tabs) que, caso seja clicado no link INÍCIO (por exemplo), abre uma div com as informações principais do site, caso o link clicado seja a GALERIA, então um novo ...
Deivid Souza's user avatar
3 votos
1 resposta
4mil visitas

Como centralizar um card panel no materialize css?

Tenho o seguinte formulário de login dentro de um card panel: O que eu poderia fazer para centralizar o meu card na página? Este é o código que tenho até o momento: <div class="input-field col ...
antunesleo_'s user avatar
3 votos
1 resposta
862 visitas

Fixar icone no canto direito inferior usando Materialize

Primeira vez que estou usando o materialize. Gostaria de saber como fixar um icone no canto inferior direito. <a class="btn-floating btn-large cyan pulse right"><i class="material-icons">...
Tiago's user avatar
  • 2.387
3 votos
2 respostas
899 visitas

Materialize - Como alinhar o rodapé sempre abaixo?

Este código abaixo deixa ele alinhado abaixo caso o conteúdo preencha toda a página, caso contrário ele fica no meio do corpo. Observação: Já li o manual do materialize, até ficou alinhado mas ...
Rafael Lemos's user avatar
3 votos
1 resposta
252 visitas

Erro jQuery + AngularJS + Materialize CSS

Tenho o seguinte procedimento no meu controller do angular: $(document).ready(function(){ angular.element('.button-collapse').sideNav(); angular.element('.parallax').parallax(); }); Estou ...
William Manesco's user avatar
2 votos
1 resposta
11mil visitas

Centralizar div container materialize

Tenho a seguinte estruta no meu HTML: <div class="image"> <div class="container center-align"> <h1 class="grey-text text-lighten-5">Análise de Sistemas</h1> ...
MeuChapeu's user avatar
  • 6.105
2 votos
1 resposta
146 visitas

Centralizar tabs dentro do Navbar no Desktop

O código abaixo está pronto para centralizar nos dispositivos móveis automaticamente, mas no desktop ele fica no lado esquerdo, gostaria de poder centralizá-lo. No desktop: Nos dispositivos móveis: ...
Deivid Souza's user avatar
2 votos
1 resposta
475 visitas

Preloader com Materialize

Estou fazendo uma requisição via ajax: $(function () { $('#loader').hide(); $('#formSend').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', ...
Henrique Mendes Silveira Rodri's user avatar
2 votos
2 respostas
566 visitas

Comportamento anormal ao pegar dados de um FormGroup com Angular

Estava terminando um formulário usando Angular e Materialize e notei que não estava recebendo os dados de campos gerados com "datepicker" do Materialize, mesmo que possuam texto válido. HTML: <...
Arthur Siqueira's user avatar
2 votos
1 resposta
420 visitas

Problema com o basico da criação de um sidenav usando Materializecss

Estou aprendendo a materializecss e estou tentando criar um sidenav, mas estou tendo problemas, gostaria de saber onde, segue o pequeno código: <!DOCTYPE html> <html> <head> <...
D. Watson's user avatar
  • 938
2 votos
3 respostas
56 visitas

Como não ativar função js herdada?

Como podem ver no exemplo a baixo, eu tenho um collapsible e na estrutura inicial tenho um botão/link (sinal de + do exemplo), eu gostaria de poder apertar esse botão e não ativar a função que ...
kcvventura's user avatar
2 votos
2 respostas
262 visitas

Materializecss não está responsivo [fechada]

Há alguns dias fiz um template em materializecss; hoje acessei do celular e percebi que ele não está ficando responsivo. Vou deixar algumas prints para esclarecer melhor: Responsivo (somente quando ...
lucatrex's user avatar
  • 444
2 votos
1 resposta
2mil visitas

Manipulação de DOM com VueJS e Jquery

Estou usando o materialize puro junto com o vue puro para fazer meu próprio admin template, isto é, gerei o projeto pelo vue init e coloquei no index.html os links para o css e js do materialize. O ...
Felipe Paz's user avatar
2 votos
1 resposta
165 visitas

Uso de classes no grid do Materialize

Enquanto estava lendo a documentação do materialize vi que para criar um grid responsivo eles usam num determinado momento as seguintes classes: <div class="col s2 m4 l3"> e posteriormente ...
Pablo Rodrigues's user avatar
2 votos
1 resposta
643 visitas

Como usar componentes do materialize com vue.js?

Tenho uma tabela dinâmica que atualiza de acordo com um array de objetos. Em uma das colunas dela quero colocar um dropdown com as ações possível(editar, deletar, etc). Mas o dropdown não funciona e ...
Guilherme Pressutto's user avatar
2 votos
1 resposta
235 visitas

Material Box aberto ao arrastar para próxima imagem

Utilizo em meu site Carousel e Material Box para que o usuário possa clicar numa imagem e ela ser expandida. Percebi portanto que é possível o usuário arrastar (com mouse no pc ou dedo no mobile) para ...
Deivid Souza's user avatar
2 votos
1 resposta
789 visitas

Como alinhar texto com o centro da div com Materialize?

Possuo uma div com um texto e uma imagem: Essa div possui um bloco de texto que deve ser alinhado com o centro. Pra fazer o alinhamento, usei a classe .valign-wrapper, que funcionou perfeitamente com ...
Arthur Siqueira's user avatar
2 votos
2 respostas
162 visitas

Materialize 1.0.0-beta (CSS Transitions)

Sou novo em front end em geral, tenho conhecimento básico de html e css, gostaria de usar o materialize e entender esta função aqui. http://materializecss.com/css-transitions.html pois eu tento usar ...
Tallis's user avatar
  • 23
2 votos
1 resposta
361 visitas

Todas as tabs aparecendo ao atualizar pagina materialize

Alguém sabe por que isso acontece ? Quando eu atualizo a página aparece uma parte das tabs seguintes e depois desaparece quando termina de carregar. Quero evitar que isso aconteça. HTML <section ...
Monroe Say's user avatar
2 votos
3 respostas
496 visitas

Materializecss: imagem sem margin

Estou com uma imagem dentro de uma div. Em baixo ela fica com uma margin. Tentei com Firebug olhar o código da div e img, mas não encontrei nada declarado com margin e padding. <div class="row"&...
Hy-brazil's user avatar
  • 868
2 votos
6 respostas
5mil visitas

Como usar side-nav do Materialize?

Bom dia, estou tentando fazer um menu responsivo para meu portfólio, estou usando o do materialize mas quando coloco ele fixo o side-nav da versão mobile buga, fica todo escuro e não da para clicar ...
jão assacino's user avatar
2 votos
1 resposta
157 visitas

Animação do input radio(materialize) não acompanha as propriedades

Estou tentando manipular o input radio dinamicamente e a propriedade(checked) do elemento esta sendo manipuladas corretamente, porém a animação do campo não acompanha essa dinâmica, na primeira vez ...
Tales Breno's user avatar
2 votos
2 respostas
814 visitas

TEXTO Dentro de um botão - Materialize CSS

Estou com grandes dificuldades de quebrar texto dentro de um botão. Faço uso do materialize css mas de forma geral nao faço ideia de como colocar todo o texto que eu queira dentro de um botão, ele ...
Jonatas Almeida's user avatar
2 votos
1 resposta
193 visitas

Dropdown materialize não reconhece clique no smartphone no navegador chrome

Tenho uma tabela que possui um dropdown materialize, que quando selecionado pelo PC/Notebook funciona normalmente. Porém quando clicado por algum dispositivo mobile com o mesmo navegador ele não ...
Thiago moreira's user avatar
2 votos
2 respostas
747 visitas

Materialize Autocomplete não carrega valores

Estou tendo problemas para carregar valores no autocomplete do Materialize. O que ocorre é o seguinte: $().ready(function() { $('#sel_estado').change(function() { $.post('auto_cid.php', {...
Brunno J Fagundes's user avatar
1 voto
2 respostas
4mil visitas

Como mudar para português o campo data no Materialize

Uso o materialize, e coloquei o campo data com a classe datepicker: <div class="input-field col s6"> <input type="date" name='vencimento' class="datepicker"> <label for="...
Felipe Candido's user avatar
1 voto
4 respostas
804 visitas

Obter valores de um select múltiple (Materialize)

Bom dia. Meu problema é que eu não posso ou não sei como obter os valores de um Select Múltiple do Materialize V 0.100.2, se alguém puder me explicar ou me ajudar, por favor, eu levo isso, mas isso ...
Luis Fernando's user avatar
1 voto
2 respostas
3mil visitas

Centralizar input dentro de uma div utilizando materialize

Tenho um form com um input dentro, gostaria de deixar centralizado. Eu consigo fazer isso no custom.css que eu tenho. Mas, como estou utilizando Materoalize, gostaria de saber se tem como fazer isso ...
Felipe Viero Goulart's user avatar
1 voto
1 resposta
190 visitas

Adicionar Chip do materialize se o usuário esquecer de clicar enter

Eu tenho uma tela de cadastro que tem um campo de tags.. Conforme ele vai preenchendo e pressiona enter, fica assim: Vamos supor que ele cadastrou, mas esqueceu de dar enter em uma tag, por exemplo: ...
dds's user avatar
  • 41
1 voto
2 respostas
1mil visitas

Angular ignora *ngFor no select option

Estou tentando fazer um campo do tipo select em um formulário no Angular com Materialize, e preenchê-lo dinamicamente, mas, ao chegar na diretiva *ngFor, o Angular passa a ignorar o campo: HTML: ...
Arthur Siqueira's user avatar
1 voto
1 resposta
179 visitas

Materializecss, trocar ícone após anexar imagem no input file

Estou usando o materializecss para fazer um formulário. Gostaria de ajuda para fazer com que o assim que a imagem for anexada, mudar esse ícone: Seria apenas trocar o ícone de: <i class="...
Tiago's user avatar
  • 2.387
1 voto
1 resposta
132 visitas

Alterar comportamento padrão chips materialize

Tem como adicionar uma tag com o usuário clicando no enter E no espaço? Pelo padrão do materialize chips ele adiciona só se clicar no enter... Não encontrei nada sobre, a documentação do materialize ...
user134546's user avatar
1 voto
1 resposta
431 visitas

Como iniciar o componente Chips do Materialize com valores pré-definidos?

Eu tenho um app de cartões de visitas, quando o usuário cadastra um cartão tem um campo de tags que são as palavras chaves do cartão. Ele também pode editar esse cartão, logo, pode editar as tags. ...
user avatar
1 voto
1 resposta
35 visitas

Separação de Tabs

Realizei a separação em Tabs de duas seções, porem elas não estão dividas e acabam saindo na mesma separação, independente da qual separação eu clico. Gostaria que ficasse em tela, apenas um tab por ...
Gabriel Henrique's user avatar
1 voto
3 respostas
702 visitas

Clicar em Carousel Materialize

Oi Estou a alguns dias procurando a solução para o seguinte problema: Preciso criar um carousel que seja clicável (que tenha um link). Estou utilizando o Materialize, na ultima versão, apenas ao ...
Gabriel Marinho's user avatar
1 voto
2 respostas
1mil visitas

Materialize CSS - label fixo no topo

Como faço pra fixar meu label sempre no Topo? Comportamento normal: fica no input, quando clicamos no input (focus) ele fica em cima do input <div class="input-field col s6"> <input ...
Luiz Felipe's user avatar
1 voto
1 resposta
525 visitas

Campos embaralhados em um formulário usando Materialize

Estou inserindo form no materialize, porém quando vou testar o formulário e insiro um texto parece que ficam trepados. Exemplo: insiro um nome no first name porém o nome fica embaralhado com titulo ...
Marcos De Barros Azevedo's user avatar
1 voto
2 respostas
3mil visitas

Alinhar cards do Framework Materialize

Agora a pouco resolvi dá uma olhada no Materialize e tentei utilizar o elemento card. Só que não consigo entender porque eles não ficam organizados na horizontal! <div class="container">...
augustoppimenta's user avatar
1 voto
1 resposta
169 visitas

Tem como chamar apenas uma ou duas classes de uma biblioteca inteira em HTML/Css

Eu estou fazendo um site e já estou finalizando, porém para deixar meu site responsivo eu precisaria de duas classes da biblioteca Materialize. A intenção era pegar apenas essas duas classes porque ao ...
Gustavo Lofrese's user avatar
1 voto
1 resposta
225 visitas

Como remover os efeitos da navbar do Materialize? [fechada]

Eu estava desenvolvendo um site sem a utilização do Materialize. Decidi importá-lo para usar uma de suas funcionaliaddes (Cards). Ao fazer isso, a navbar, que já tinha suas próprias características ...
Daniel Cavalcante's user avatar
1 voto
1 resposta
315 visitas

Modal Jquery/ Materialize não funcionando no index.php

Olá! Estou desenvolvendo um modal de aceitação para termos de cookie. Consegui resolver através do php o armazenamento de cache. Porém, não consegui visualizar o porque do modal não aparecer no ...
Renan Ranzani's user avatar