Perguntas com a tag [material-design]
Material design, introduzido com a versão Lollipop (Android 5.0 - API 21), é um guia abrangente para design visual, de movimento e de interação para diversas plataformas e dispositivos. Use em perguntas relacionadas com a sua implementação e não porque o seu projecto utiliza os novos componentes ou funcionalidades.
52 perguntas
1
voto
2
respostas
556
visitas
Angular8 - R3InjectorError - componente não aparece na página
Sou iniciante em Angular e TypeScript e estou tentando aproveitar um componente já existente. Porém, quando chamo o componente, ele não é exibido e o seguinte erro ocorre no console.
> ERROR Error: ...
user282046
0
votos
0
respostas
439
visitas
Não consigo mostrar o ícone do Material Design em tela
Tentei colocar o menu do Material Design, porém não tive sucesso. Por favor alguém tem como verifica se algo estar de errado com meu código?
angular.js
"styles": [
"src/...
user10264
-2
votos
1
resposta
327
visitas
Problemas ao usar o elemento CardView (Material Design - Android) [fechada]
Estou tentando usar o elemento CardView do Material Design no meu app Android, mas não estou conseguindo.
Alguém poderia me ajudar a identificar o erro do meu código?
Segue abaixo o código utilizado.
...
- 304
1
voto
1
resposta
13mil
visitas
Flutter Container preenchendo a tela cheia com bordas arredondadas
gostaria de saber como faço um layout parecido com as imagens abaixo no flutter.
Eu tentei utilizar um container, mas ele não preencheu a tela, quando utilizei height: double.infity ele sumiu da tela.`...
1
voto
1
resposta
5mil
visitas
React com Material-UI: Trocar cores dos componentes [fechada]
Estou com uma dúvida sobre os buttons (creio que irá sanar os demais componentes também). Existe a propriedade color, por padrão posso utilizar primaryou secondary, ambas vem junto com o material.
Mas ...
0
votos
1
resposta
138
visitas
React: Appbar material-ui nao é mostrada
Olá, Instalei o material-ui no react para fazer testes, mas a AppBar nao mostra na tela. Criei um componente Appbar que usa a AppBar do material-ui, depois usei ele na classe App, e mesmo assim nao ...
- 67
0
votos
1
resposta
75
visitas
Como adicionar um Chip (do tipo Filter) dinamicamente (via código) ? (Kotlin)
Eu preciso adicionar Chips do tipo Filter (imagem abaixo) dinamicamente
Tentativa 1
EU tentei criar o Chip de maneira totalmente dinâmica:
fun onAddChip(name: String){
val chip = Chip(...
- 151
0
votos
1
resposta
42
visitas
Definir um valor para o select do Material Design Lite
Eu estou tentando inserir alguns dados no select do meu formulario, estou usando mdl-select
O problema é que estou tentando inserir um valor mas simplesmente não funciona.
Gostaria que o valor ...
- 101
0
votos
1
resposta
241
visitas
Ordenação da mat-angular-table está priorizando letras maiúsculas
Estou utilizando o mat sort para ordenar uma mat-table no angular, o problema é que quando ordeno de forma ascendente o algoritmo está levando em conta letras maiúsculas como prioridade, logo, se eu ...
- 2.819
0
votos
1
resposta
2mil
visitas
Alterar width do mat tooltip angular
Preciso aumentar o width do mat tooltip do angular
Angular Material Tooltip
Tentei:
::ng-deep .mat-tooltip {
padding: 15px;
font-size: 12px;
}
O padding e a font-size foi aplicado, mas não ...
- 2.819
5
votos
4
respostas
2mil
visitas
Como fazer Botão estilo Material Design apenas com CSS
No Android e no design system Material Design é comum ver esse botão que eles chamam de Ripple Buttom. https://material-components.github.io/material-components-web-catalog/#/component/ripple
Porém ...
- 66,9mil
0
votos
0
respostas
186
visitas
Como setar o menu do Navigation View por código?
Por enquanto eu estou setando o menu através do xml, dessa maneira:
<android.support.design.widget.NavigationView
android:id="@+id/navView"
android:layout_width="match_parent"
...
- 160
3
votos
3
respostas
7mil
visitas
Como alterar a cor da borda de um TextFormField?
Gostaria de alterar a cor da borda do TextFormField na tela de login para branco, porque o fundo está gradiente e ficaria mais fácil de visualizar o texto.
Hoje estou utilizando o padrão que criei ...
- 26,5mil
0
votos
1
resposta
6mil
visitas
Como fazer subitens com o componente SideNav do Angular Material Design
Fiz um menu utilizando o SideNav do Angular Material Design desta forma:
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport="true" [...
- 620
2
votos
2
respostas
44mil
visitas
Elemento sobrepondo o outro CSS
Meu site é composto por um header e abaixo dele um container-fluid com as informações da tela.
O problema é que o meu header está sobrepondo parte do meu container-fluid:
HTML:
<h3 class="...
- 2.819
1
voto
1
resposta
41
visitas
Dropdown não encontra o alvo
<button data-toggle="dropdown" data-target="#teste" class="btn btn-blue-grey btn-lg btn-group" mat-button>Configurações <i class="fa fa-caret-down" aria-hidden="true"></i><br>&...
- 2.819
0
votos
0
respostas
162
visitas
Anular método do Angular Material Design
Tenho um menu do angular material design que quando é aberto ele foca o primeiro item do menu, gostaria de remover esse método.
Eu vi no site do angular material que este método possui os seguintes ...
- 2.819
0
votos
1
resposta
171
visitas
Alterar classe do label para active após requisição http angular
Tenho um componente do material design bootstrap que depois de uma requisição http ele é preenchido, o problema é que ele não altera para a classe "active", tendo o resultado da foto.
<...
- 2.819
5
votos
2
respostas
12mil
visitas
Como funciona o Grid System no Angular Material Design?
Na documentação do Angular Material Design possui um componente chamado Grid List, que, imagino eu, seja a parte de estruturação do layout, porém ele só tem dois exemplo muito simples e não consegui ...
- 10mil
1
voto
1
resposta
136
visitas
Select multiplo com Material Design Lite
Como fazer um <select multiple> com o MDL?
Olhei o site mas não encontrei nada. Vi que o AngularJS tem isso mas não o uso no projeto
- 10mil
4
votos
1
resposta
126
visitas
recarregar efeitos do material design
Tenho um site com material design, porém quando atualizo o html da página com XHR o novo conteúdo perde o efeito do javascript como eu poderia fazer para recarregar o mdl?
Para fazer a mudança entre ...
- 10mil
0
votos
0
respostas
649
visitas
Lista com todos ícones do Material Icons
Bom dia, Galera!
Estou criando um formulário com SELECT onde os OPTION são ícones do Material Icons:
<option data-icon="case" value="case">case</option>
<option data-icon="favorite" ...
- 453
0
votos
0
respostas
6mil
visitas
Tem como fazer um input com mascara e validação no React?
Eu estou usando vários components diferentes e tentando integra-los. Nesse exemplo aqui usei react-input-mask e react-material-ui-form-validator, eu estou usando os inputs do material-ui. Alguém sabe ...
- 27
-1
votos
1
resposta
988
visitas
Select dinamico no Materialize CSS
Tenho dois selects, quando altero o primeiro, tem um evento on change que chama um ajax pra carregar os dados do segundo select, está funcionando, mas ao incluir o Materialize CSS, para de funcionar, ...
- 7
0
votos
0
respostas
160
visitas
Instalação do Material Design
Eu estou tentando fazer um projeto utilizando o
Material Design
Eu tenho o NPM instalado mas, não estou conseguindo instalar.
Eu entro na pasta do projeto e no terminal digito:
npm install --save ...
- 329
0
votos
1
resposta
46
visitas
Seachview buscar dados do fragmento
No aplicativo possui toolbar e 2 tabs por meio do TabLayout com 1 fragmento em cada tab.
Eu quero colocar a biblioteca MaterialSearchView para implementar o searchview que vai ser feita pesquisando ...
- 455
1
voto
1
resposta
351
visitas
Erro ao inflar menu no navigation drawer na versão Nougat e Oreo
Olá, estou com um problema com o NavigationDrawer do Android nas versões 7 ou superior. Quando eu adiciono o menu atráves do xml, um exception é gerado. Porém, na versão MARSHMALLOW funciona ...
- 121
0
votos
2
respostas
376
visitas
ListView com primeira coluna ultrapassando limite
Olá! Fiz um formulário usando a biblioteca MaterialSkin
Nessa biblioteca há um componente chamado ListView (que seria semelhante ao ListView do WinForms) que a primeira coluna fica bugada. Vejam ...
2
votos
0
respostas
161
visitas
Criar um site responsivo, e encapsular dentro de uma webview para internet lenta
Preciso criar um layout para um cliente mobile leve, devido ele morar no interior que só funciona internet com 384 kbps de velocidade por residencia.
minha pergunta e a seguinte para eu criar um ...
- 659
0
votos
1
resposta
305
visitas
uso do Drawer no react/material-ui
Boa noite. Sou iniciante em react e estou tentando aplicar um drawer em meu projeto, porém ao executá-lo no localhost o drawer não está funcionando e estou obtendo os seguintes erros:
'handleToggle' ...
1
voto
0
respostas
261
visitas
Searchview erro layout
Toda vez que clico para pesquisar a pesquisa empurra as tabs para baixo gostaria que as tabs ficassem fixas e o searchview se expandisse sem empurrar as Tabs.
<?xml version="1.0" encoding="utf-8"...
- 455
0
votos
0
respostas
182
visitas
Como eu mudo a cor de fundo de um item JFoenix Combobox?
Eu estou tendo problema com cores no JFoenix. Meu programa tem essa paleta amarela, cinza e branca, mas todos objetos estão em azul. Como os itens desta combobox:
Eu tentei adicionar isto ao arquivo ...
1
voto
1
resposta
1mil
visitas
Elevation em Botão não está mostrando a Sombra
Olá,
Estou tentando usar Elevation nos botões da seguinte tela:
Mas não está funcionando, o Elevation não está formando sombra.
Segue o XML:
<?xml version="1.0" encoding="utf-8"?>
<android....
user95764
0
votos
1
resposta
692
visitas
Float Action Button não fica fixo no rodapé com Collapsing ActionBar/Toolbar
tenho um fragment com coordinator layout, recyclerview e um Float Action Button, e na view que chama esse fragment tem um tablayout que esconde e aparece conforme sobe ou desce o recycler view, ja ...
2
votos
0
respostas
192
visitas
Dialog Progress Fundo Branco opaco
Estou tentando há alguns dias chegar á um dialog progress transparente com um fundo branco opaco igual as imagens abaixo porém só conseguir chegar a fundo preto opaco no padrão do android já vi alguns ...
- 63
2
votos
0
respostas
53
visitas
Editar texto de Toasts
Estou fazendo um component toast em angular, não poderei usar componentes terceiros, porém preciso fazer com que o toast aberto permita com que eu atualize o seu texto na exibição.
Obs. Não tenho o ...
- 106
2
votos
1
resposta
405
visitas
Usar uma activity/fragment em um bottom sheet
Eu estava dando uma estudada no Bottom Sheet, e construi algo parecido com esse do tutorial deste link.
Fiquei na dúvida de como poderia montar algo parecido com o que faz o app do Uber. É um bottom ...
- 917
0
votos
1
resposta
1mil
visitas
Falha no carregamento de script com angular (ng-view)
Estou fazendo um projeto com angular js e utilizando o material design lite (mdl) para o layout. Algumas features do mdl necessitam de um arquivo javascript para funcionar porém esse arquivo tem ora ...
- 574
0
votos
1
resposta
363
visitas
Elevation não está exibindo a sombra
Apesar de definir o elevation nos RelativeLayouts, a sombra não aparece no componente. O que pode ser?
Segue abaixo meu layout:
<?xml version="1.0" encoding="utf-8"?>
<...
- 917
1
voto
1
resposta
219
visitas
Como voltar ao topo de um Activity?
Seguindo os padrões do Material design, ao clicar em um botão de um Bottom Navigation que já está ativo, a activity deve rolar até o topo
Eu tenho um FrameLayout com CoordinatorLayout, que por sua vez,...
- 165
1
voto
0
respostas
366
visitas
Tela de perfil de contato material and design
Opa.
Alguem sabe se tem algum projeto pronto no github ou em outro lugar deste tipo de tela ? É a tela de contatos com material and design
Gostaria de implementar esta tela no meu projeto.
...
1
voto
1
resposta
89
visitas
Por que este FAB desaparece, mas não reaparece?
Estou tentando animar um FAB de forma que quando ocorre o scroll para cima, esconde o FAB e quando rola para baixo, ele reaparece.
Estou seguindo o exemplo destes tutoriais que são muito parecidos:
...
- 926
0
votos
1
resposta
458
visitas
Datepicker do angular material não funciona
Estou usando Angular Material em um projeto e preciso coletar a data de nascimento do usuário no cadastro, estou tentando usar o Datepicker do Material, porém o campo nem aparece na tela. Estou ...
- 4.619
3
votos
1
resposta
146
visitas
Propriedades do material design não aparecem em aparelho de API 19
Eu adicionei a biblioteca de suporte para APIs abaixo da 21 e estou testando a propriedade elevation nos meus componentes.
Na visualização do layout, quando clico na aba de design, eu consigo ver a ...
- 485
0
votos
1
resposta
210
visitas
Ajuste de Layout Material Design
Eu não consigo fazer com que o Slide tome toda a area da tela home , note que metade da Section "estrutura" é visto na home do site, já tentei de tudo, mas eu não sou bom com CSS, infelizmente.
<...
- 2.006
0
votos
1
resposta
125
visitas
Tamanho de imagem ideal
Alguém saberia me informar qual o tamanho ideal para esse tipo de imagem, onde faço a configuração para deixa nesse mesmo formato da imagem abaixo.
0
votos
1
resposta
1mil
visitas
Novo Projeto - Usar Angular 1.x ou Angular2 + sparkjava + material design [fechada]
Gostaria de usar o angular2-material mas ainda não saiu, não posso adiar o projeto então tenho que escolher, duração do projeto uns 2 anos então ficar os próximos 2 anos no angular 1.x ou usar o ...
3
votos
1
resposta
193
visitas
textContent Material Designer Angular JS
Estou usando o Dialog do Material AngularJS e está tudo bem, mas quando coloco o textContent ele retorna o seguinte erro:
CONSOLE ERROR
$mdDialog.confirm(...).title(...).textContent is not a ...
- 272
3
votos
2
respostas
857
visitas
Como fazer view pager de imagens como app mercado livre e outros
Gostaria de pedir ajuda de vocês sobre como fazer este layout que nem do app Mercado Livre e outros por aí, como Viva real Imóveis.
O layout que eu preciso é igual a esta imagem que estou colocando ...
- 1.207
2
votos
1
resposta
96
visitas
por que o FloatingActionButton está transparente?
Estou com um problema depois que atualizei a lib support.design:22.2.0 para 23.0.1, o floatingActionButton passou a ser transparente quando executado na API 10.
Aqui está o código:
<android....
- 569