Perguntas com a tag [materialize]
Materialize é um framework css e javascript que implementa as diretrizes do Material Design.
146
perguntas
0
votos
0respostas
23 visitas
Popular select dinamicamente com AJAX e MaterializeCSS em PHP
Olá, tenho dois selects em um formulário do meu sistema. No primeiro seleciono o nome do Cliente e o segundo deve conter os endereços cadastrados deste cliente, esses endereços são retornados através ...
0
votos
0respostas
13 visitas
Adicionar class em optgroup usando materialize
Existe a possibilidade de adicionar classes em optgroups quando usando materialize? Atualmente tenho um código simples que funciona para que selecione todos os options dentro de um optgroup
HTML
<...
2
votos
1resposta
54 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 ...
1
voto
1resposta
90 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 ...
-1
votos
1resposta
73 visitas
Não consigo chamar modal de erro sem dar clique (Materialize) [duplicada]
Não consigo chamar o modal sem ter que clicar no botão. Eu gostaria de que um modal aparecesse de acordo com o "VerificarDisponibilidade"
Caso retorne true = aparecer modal com mensagem de que foi ...
1
voto
1resposta
145 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 ...
2
votos
1resposta
140 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 ...
2
votos
1resposta
208 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 ...
0
votos
1resposta
76 visitas
Como inicializar dois ou mais seletores de data diferentes em um formulário com Materialize?
Após inicializar um datepicker do Materialize CSS com sucesso, percebi que precisaria de dois datepickers no mesmo formulário. O problema é que só consigo inicializar um datepicker:
HTML:
<form [...
3
votos
3respostas
97 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 ...
2
votos
2respostas
180 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:
<...
1
voto
2respostas
279 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:
...
-2
votos
1resposta
165 visitas
Como quebrar linha após botão no Angular com Materialize?
Fazendo uma pequena página utilizando Angular, me deparei com um problema de sobreposição de dois botões. Quando estão em telas de mais de 420 px de largura (celular em posição horizontal, por exemplo)...
0
votos
1resposta
390 visitas
Como fazer menu dropdown no Angular com Materialize CSS?
Estava fazendo um pequeno projeto com Angular (v8.2.5) e Materialize (materialize-css v1.0.0), e decidi, em determinado momento, inserir um menu dropdown em um componente header. Seguindo o modelo da ...
2
votos
1resposta
74 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:
...
-1
votos
1resposta
247 visitas
alterar tamanho do 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; ...
1
voto
0respostas
22 visitas
Diminuir tamanho do navbar ao rolar [duplicada]
Preciso diminuir o tamanho da navbar quando o usuário rolar a tela mas manter a tab com o feito pra você, pizzas salgadas..., estou usando o materialize e estou com dificuldades.
.altura{
padding-...
1
voto
1resposta
41 visitas
While com JavaScript pegando imagens dentro de uma pasta
Como fazer para pegar imagens dentro de uma pasta com laço de repetição em javascript e inserir juntamente com a estilização do Materialize Css
Observanndo que as imagens dentro da pasta já estão ...
1
voto
1resposta
73 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="...
1
voto
1resposta
92 visitas
Como inserir o valor do datepicker de um icone html <i> dentro do input utilizando Vue.js?
Sou novo aqui xp.
Como inserir o valor do datepicker de um icone html dentro do input utilizando javascript?
Estou utilizando o datepicker do matelialize versão 0.100.2 e Vue.js, já corrigi o Bug ...
-1
votos
1resposta
167 visitas
carrousel materialize nao funciona
estou usando o codigo de inicializacao padrao do materialize , mas nao funciona `
carousel
`
/* inicializacao */
document.addEventListener('DOMContentLoaded', function() ...
0
votos
2respostas
151 visitas
Imagem em tela cheia usando o parallax do Materialize
Estou começando com o Materialize, e estou com uma dúvida.
Como deixar em tela cheia a imagem de fundo do parallax?
Atualmente, a imagem de funto fica na metade da tela.
CSS
<style>
....
0
votos
0respostas
58 visitas
Autocomplete materialize fechando
Amigos alguém sabe como resolver o seguinte problema, o autocomplete do materialize, não mostra ao completar o lenght, mas ao clicar novamente no input ele abre e fecha rapidamente sem selecionar nada,...
1
voto
4respostas
452 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 ...
4
votos
1resposta
1mil 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"...
0
votos
1resposta
297 visitas
Alinhamento pagina css materialize
Estou usando o materialize como framework para uma aplicação. Estou com um pequeno problema na interface dele. Não consigo fazer com que a tabela que exibe os dados da base de dados(uma planilha gdocs)...
1
voto
3respostas
239 visitas
Como esconder uma div caso o acesso seja mobile no materialize
Estou trabalhando em um projeto no qual preciso esconder ou remover uma <div> caso o usuário acesse o sistema pelo celular, pesquisando no Google vi alguns exemplos de com fazer isso utilizando ...
1
voto
0respostas
50 visitas
Como fazer os elementos ajustarem automaticamente? [duplicada]
Então, tenho essa tela de botões:
Esses botões, quando clicados, redirecionam o usuário ao email, ao maps, ao telefone, enfim...
Quando o usuário NÃO tiver um desses dados, logicamente, tbm não vai ...
0
votos
0respostas
43 visitas
Como desenvolver um IntelliSense com Angular/Materialize
Preciso de algo que se pareça com um IntelliSense/Autocomplete de frameworks e IDE's. Ele vai funcionar da seguinte forma:
digito uma variável. ex.: p
digito um "." (ponto) ex.: p.
a componente me ...
1
voto
1resposta
672 visitas
Como customizar materialize css?
Sou iniciante em materialize. tenho uma nav bar, em qual a cor do link é Cinza. Quero editar o hover para que ao passar o mouse em cima mude sómente a cor do link para azul, podem me ajudar pfv???
...
1
voto
1resposta
107 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 ...
1
voto
1resposta
139 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:
...
1
voto
1resposta
70 visitas
Como evitar o componente Chips do Materialize em branco?
Estou usando o chips do materialize no meu projeto, mas queria evitar esse comportamento padrão de adicionar a tag mesmo vazia, por exemplo:
Como faço para impedir isto e inserir a tag somente quando ...
0
votos
0respostas
47 visitas
Barra de progresso antes da função executar
Tenho uma página para emissão de certificado, e ela demora um certo tempo para criar a requisição e as chaves, pois é feito tudo no browser. Quero implementar uma barra de progresso para o usuário não ...
0
votos
0respostas
25 visitas
Como usar a função click() com uma toast [duplicada]
Fiz um sistema que quando o usuário entra na index é exibido uma toast do materialize, preciso que quando o usuario click nela ele seja redireciona a outra pagina, tentei fazer da seguinte forma mas ...
0
votos
1resposta
193 visitas
Como utilizar recursos do materialize no php com javascript
é possível utilizar o materialize em um arquivo php junto ao javascript ?
no retorno de uma função php eu quero emitir uma Materialize.toast(); porém não estou conseguindo, já referenciei o arquivo ...
1
voto
1resposta
257 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.
...
0
votos
0respostas
332 visitas
Angular 6 - Carregar Reactive Form após requisição Http
Estou com problemas para exibir uma lista de clientes obtida por uma requisição GET em um componente select. Como o GET é assíncrono, o formulário está sendo construído antes da requisição terminar e ...
0
votos
0respostas
82 visitas
Como configura Checkboxes Materialize Css em aplicação Web Asp.Net MVC
Como faço para configurar Checkboxes no Razor do Asp.Net MVC
Sendo que na documentação temos a seguinte configuração Materialize para checkboxes
<p>
<label>
<input type="...
0
votos
1resposta
224 visitas
Como fazer Slider Materializecss redimensionar altura em conformidade aos dispositivos
Gostaria de fazer o slider do Materialize Css que tem por padrão altura de 400px em todos os tamanhos responsivos.
Gostaria que esta altura tenha sua altura alterada conforme o dispositivo.
Estou ...
3
votos
1resposta
148 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">...
1
voto
0respostas
32 visitas
Alerta “Toasts” Materialize com Rails
Estou com falta de entendimento de como aplicar o Toasts do Materialize em um código Rails.
<% if notice %>
<p class="alert alert-success"><%= notice %></p>
<%...
1
voto
1resposta
1mil visitas
Tamanho de fonte de texto dentro de um botão
Como consigo mudar o tamanho da fonte do texto que esta dentro de um botão? Estou usando Materialize.
<a class="waves-effect waves-light grey darken-3 btn"><i class="material-icons left">...
0
votos
1resposta
192 visitas
Adicionar indicador em abas do Materialize CSS
Bom dia,
Estou com a seguinte nescessidade, tenho um projeto onde existiram
muitas abas feitas com materialize css, porem em dispositivos de tela pequenas as abas ficam ocultas a direita da tela, ...
0
votos
0respostas
51 visitas
Impedir Barra de Rolagem na Navbar no Materializecss
Estou usando o Materializecss em um projeto, até aqui tudo certo. Acontece que não estou conseguido fazer uma parada com a barra de rolagem.
Como faço para impedir a barra de rolagem subir, entrar, ...
0
votos
0respostas
67 visitas
Muitos checkboxes travando navegador com Materialize CSS
Estou com um problema que é o seguinte:
Estou usando o Materialize CSS, e Vue Js. Eu tenho uma tabela com cadastros, e em cada cadastro tem um checkbox ao lado para poder realizar alguma ação com ...
2
votos
2respostas
543 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', {...
2
votos
1resposta
305 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>
<...
1
voto
1resposta
31 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 ...
2
votos
3respostas
52 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 ...