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
0
votos
0respostas
26 visitas
Como remover a margin adicionada a label em TextField que possui prefixIcon ao receber focus?
Atual
Objetivo:
Container(
padding: EdgeInsets.all(10),
child: TextFormField(
keyboardType: TextInputType.number,
textInputAction: TextInputAction.continueAction,
style: TextStyle(...
-2
votos
1resposta
64 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.
...
1
voto
1resposta
1mil 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
1resposta
606 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
1resposta
49 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 ...
0
votos
1resposta
29 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(...
0
votos
1resposta
18 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 ...
0
votos
1resposta
28 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 ...
0
votos
1resposta
437 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 ...
5
votos
4respostas
634 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 ...
0
votos
0respostas
97 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"
...
3
votos
3respostas
2mil 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 ...
0
votos
1resposta
3mil 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" [...
2
votos
3respostas
9mil 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:
Meu html:
<h3 class="...
1
voto
1resposta
33 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>&...
0
votos
0respostas
71 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 ...
0
votos
1resposta
72 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
votos
2respostas
7mil 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 ...
1
voto
1resposta
95 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
4
votos
1resposta
116 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 ...
0
votos
0respostas
98 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" ...
0
votos
0respostas
4mil 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 ...
1
voto
1resposta
664 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, ...
0
votos
0respostas
100 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 ...
0
votos
1resposta
40 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 ...
1
voto
1resposta
295 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 ...
0
votos
2respostas
215 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
0respostas
119 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 ...
0
votos
1resposta
114 visitas
Erro no MuiThemeProvider
Boa noite, estou enfrentando um problema em um projeto react. Ao executar o mesmo, recebo o seguinte erro: "Failed prop type: The prop 'theme' is marked as required in MuiThemeProvider, but its value ...
0
votos
1resposta
173 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
0respostas
254 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"...
0
votos
0respostas
137 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
1resposta
708 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....
0
votos
1resposta
544 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
0respostas
123 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 ...
2
votos
0respostas
35 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 ...
2
votos
1resposta
306 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 ...
0
votos
1resposta
895 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 ...
0
votos
1resposta
248 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"?>
<...
1
voto
1resposta
167 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,...
1
voto
0respostas
304 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
1resposta
76 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:
...
0
votos
1resposta
278 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 ...
3
votos
1resposta
121 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 ...
0
votos
1resposta
202 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.
<...
0
votos
1resposta
114 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
1resposta
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
1resposta
187 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 ...
3
votos
2respostas
763 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 ...
2
votos
1resposta
90 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....