Most voted "material-design" questions
Material design, introduced with the Lollipop version (Android 5.0 - API 21), is a comprehensive guide to visual, motion and interaction design for various platforms and devices. Use in questions related to your implementation and not because your project uses new components or features.
Learn more…53 questions
Sort by count of
-
7
votes4
answers1152
viewsIs it possible to build an HTML5 app for Android with Material Design?
I wonder if it is possible to develop an html/css/js app for android using material design. If not, is there any framework that has the look?
-
5
votes4
answers844
viewsHow to Make Material Design Style Button Only with CSS
On Android and on design system Material Design is common to see this button they call Ripple Buttom. https://material-components.github.io/material-components-web-catalog/#/Component/ripple But it…
-
4
votes1
answer1907
viewsApply Material Design (android:Theme.Material) to Android versions smaller than API 21?
I was studying a little about the Android layout guidelines as: Colors; Design material; And how to implement these guidelines; So I tried to customize my Theme, thus: <resources> <!--…
-
4
votes1
answer117
viewsrecharge design material effects
I have a site with material design, but when I update the html of the page with XHR the new content loses the effect of javascript as I could to reload mdl? To make the change between the view, I…
-
3
votes2
answers787
viewsHow to view pager images as free market app and others
I’d like to ask you for help on how to make this layout like the Free Market app and so on, like Live Real Estate. The layout I need is equal to this image I’m putting below, It would be a Toolbar…
-
3
votes1
answer188
viewstextContent Material Designer Angular JS
I’m using the Angularjs Material Dialog and it’s okay, but when I put the textContent it returns the following error: CONSOLE ERROR $mdDialog.confirm(...).title(...).textContent is not a function JS…
-
3
votes1
answer126
viewsDesign material properties do not appear in API 19 appliance
I added the support library for Apis below 21 and am testing the property elevation in my components. In the layout view, when I click on the design tab, I can see the elevation but when I run to my…
-
3
votes3
answers3112
viewsHow to change the border color of a Textformfield?
I would like to change the color of the Textformfield border on the login screen to white, because the background is gradient and it would be easier to view the text. Today I’m using the pattern I…
-
2
votes1
answer92
viewsWhy is Floatingactionbutton transparent?
I’m having a problem after I updated lib support.design:22.2.0 to 23.0.1, the floatingActionButton is transparent when executed in API 10. Here is the code:…
-
2
votes1
answer325
viewsUsing an Activity/Fragment on a bottom sheet
I was doing a study on the Bottom Sheet, and I built something similar to this tutorial link. I was wondering how I could put together something similar to what the Uber app does. It is a bottom…
-
2
votes0
answers38
viewsEdit text from Toasts
I’m doing a Web Site in angular, I won’t be able to use third party components, but I need to make the Web Site open allow me to update your text in the view. Obs. I don’t have the code yet, but I…
-
2
votes0
answers131
viewsCreate a responsive website, and encapsulate inside a webview for slow internet
I need to create a layout for a lightweight mobile client, because he lives in the interior that only works internet with 384 kbps of speed per residence. my question and the following for me to…
-
2
votes0
answers136
viewsDialog Progress Opaque White Background
I’ve been trying for a few days to reach a transparent Progress dialog with an opaque white background equal to the images below but only get to black background opaque in the android pattern I’ve…
-
2
votes2
answers8439
viewsHow does the Grid System work in Angular Material Design?
In the documentation of Angular Material Design has a component called Grid List, which, I imagine, is the structuring part of the layout, but it only has two very simple examples and I couldn’t…
-
2
votes2
answers15167
viewsElement superimposing the other CSS
My website consists of a header and below it a container-fluid with screen information. The problem is that mine header is superimposing part of mine container-fluid: HTML: <h3 class="card-header…
-
1
votes0
answers309
viewsMaterial and design contact profile screen
Opa. Does anyone know if you have any project ready on github or elsewhere on this type of screen ? It is the contact screen with material and design I would like to implement this screen in my…
-
1
votes1
answer168
viewsHow to return to the top of an Activity?
Following the standards of Material design, by clicking on a button of a Bottom Navigation that is already active, Activity should roll to the top I have a Framelayout with Coordinatorlayout, which…
-
1
votes1
answer78
viewsWhy does this FAB disappear, but not reappear?
I’m trying to animate a FAB so that when the scroll occurs up, hides the FAB and when it rolls down, it reappears. I am following the example of these tutorials that are very similar: FAB: Codepath…
-
1
votes1
answer315
viewsError inflating menu in navigation Drawer in Nougat and Oreo version
Hello, I have a problem with Android Navigationdrawer in versions 7 or higher. When I add the menu via xml, an Exception is generated. However, in the MARSHMALLOW version it works correctly. Follows…
-
1
votes1
answer109
viewsSelect Multiple with Material Design Lite
How to make a <select multiple> with the CDM? I looked at the website but found nothing. I saw that the Angularjs has it but not the use in the project…
-
1
votes0
answers257
viewsSearchview error layout
Every time I click to search the search pushes tabs down I would like the tabs to stay fixed and the searchview to expand without pushing the tabs. <?xml version="1.0" encoding="utf-8"?>…
-
1
votes1
answer1092
viewsReact with Material-UI: Changing component colors
I have a question about the buttons (I think it will heal the other components too). There is the property color, by default I can use primaryor secondary, Both come along with the material. But…
-
1
votes1
answer830
viewsElevation Button is not showing Shadow
Hello, I’m trying to use Elevation on the buttons of the following screen: But it’s not working, Elevation’s not casting a shadow. Follows the XML: <?xml version="1.0" encoding="utf-8"?>…
-
1
votes1
answer768
viewsSelect dynamically in Materialize CSS
I have two selects, when I change the first one, there’s an event on change who calls a ajax to load the data of the second select, is working, but by including the Materialize CSS, I don’t know…
-
1
votes1
answer33
viewsDropdown does not find the target
<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"…
-
1
votes1
answer3453
viewsFlutter Container filling the full screen with rounded edges
I would like to know how to make a layout similar to the pictures below in flutter. I tried to use a container, but it did not fill the screen, when I used height: double.infity it disappeared from…
-
0
votes1
answer114
viewsIdeal image size
Someone would know me what is the ideal size for this type of image, where I make the configuration to leave in this same format of the image below.…
-
0
votes1
answer1244
viewsNew Project - Using Angular 1.x or Angular2 + sparkjava + material design
I would like to use the angular2-material but not yet left, I can not postpone the project so I have to choose, duration of the project some 2 years so stay the next 2 years at angular 1.x or use…
-
0
votes1
answer204
viewsMaterial Design Layout Adjustment
I can’t get Slide to take the entire home screen area, note that half of the Section "structure" is seen on the website home, I’ve tried everything, but I’m not good with CSS, unfortunately. <div…
-
0
votes1
answer290
viewsMaterial angular datepicker not working
I’m using Angular Material in a project and need to collect the user’s date of birth in the register, I am trying to use the Datepicker of Material, but the field doesn’t even appear on the screen.…
-
0
votes1
answer271
viewsElevation is not displaying the shadow
Despite defining the elevation us RelativeLayouts, the shadow does not appear in the component. What can be? Below is my layout: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout…
-
0
votes1
answer922
viewsAngular script loading failure (ng-view)
I’m doing an angular js design and using the lite design material (mdl) for the layout. Some MDL files need a javascript file to work but this file has to load, sometimes not. I believe that the…
-
0
votes0
answers150
viewsHow do I change the background color of a Jfoenix Combobox item?
I’m having trouble with colors in Jfoenix. My program has this yellow, gray and white palette, but all objects are in blue. Like the items in this combobox: I tried to add this to the archive…
-
0
votes0
answers110
viewsInstallation of Material Design
I’m trying to make a project using the Material Design I have NPM installed but, I’m not able to install. I enter the project folder and the terminal type: npm install --save material-components-web…
-
0
votes0
answers109
viewsList of all Material Icons
Good morning, you guys! I am creating a form with SELECT where OPTION is Material Icons: <option data-icon="case" value="case">case</option> <option data-icon="favorite"…
-
0
votes1
answer609
viewsFloat Action Button does not get fixed at the footer with Collapsing Actionbar/Toolbar
I have a Fragment with Coordinator layout, recyclerview and a Float Action Button, and in the view that calls this Fragment has a tablayout that hides and appears as you go up or down the Recycler…
java android android-recyclerview material-design floatingactionbuttonasked 6 years, 8 months ago Julio Antonini 9 -
0
votes0
answers83
viewsAnnular Method of Angular Material Design
I have a menu of the angular material design that when it opens it focuses on the first menu item, I would like to remove this method. I saw on the web site of angular material that this method has…
-
0
votes1
answer636
viewsChange width of angular mat tooltip
I need to increase the width of the angular mat tooltip Angular Material Tooltip I tried to: ::ng-deep .mat-tooltip { padding: 15px; font-size: 12px; } The padding and font-size has been applied,…
-
0
votes1
answer215
viewsuse of Drawer in the React/material-ui
Good night. I’m a beginner in React and I’m trying to apply a Drawer to my project, but when running it on the localhost Drawer isn’t working and I’m getting the following errors: 'handleToggle' is…
-
0
votes1
answer129
viewsError in Muithemeprovider
Good evening, I’m facing a problem in a React project. When executing it, I get the following error: "Failed prop type: The prop 'Theme' is marked as required in MuiThemeProvider, but its value is…
-
0
votes2
answers230
viewsListview with first column exceeding limit
Hello! I made a form using the library Materialskin In this library there is a component called Listview (which would be similar to Winforms' Listview) that the first column gets bugged. Look at…
-
0
votes1
answer40
viewsSeachview search fragment data
In the application has Toolbar and 2 tabs through the Tablayout with 1 fragment in each tab. I want to put the Materialsearchview library to implement the searchview that will be done by searching…
-
0
votes1
answer88
viewsChange label class to active after angular http request
I have a component of the material design bootstrap that after an http request it is filled in, the problem is that it does not change to the "active" class, having the result of the photo. <div…
-
0
votes0
answers4902
viewsCan you input masking and validation in React?
I am using several different Components and trying to integrate them. In this example here I used React-input-Mask and React-material-ui-form-Validator, I am using the material-ui inputs. Does…
-
0
votes1
answer3946
viewsHow to Make Ascents with the Sidenav Component of Angular Material Design
I made a menu using the Sidenav of Angular Material Design in this way: <mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport="true"…
-
0
votes0
answers110
viewsHow to set the Navigation View menu by code?
For now I’m setting the menu through xml, this way: <android.support.design.widget.NavigationView android:id="@+id/navView" android:layout_width="match_parent"…
android android-layout material-design navigation-drawerasked 5 years, 6 months ago Luis Felipe 162 -
0
votes1
answer56
viewsSort mat-angular-table is prioritizing uppercase letters
I’m using the mat Sort to sort a mat-table at the angle, the problem is that when I sort upwards the algorithm is taking uppercase letters as a priority, so if I have a table with the following…
-
0
votes1
answer19
viewsSet a Material Design Lite select value
I am trying to enter some data in the select of my form, I am using mdl-select The problem is I’m trying to enter a value but it just doesn’t work. I would like the value searched in the database to…
material-designasked 5 years, 5 months ago Vinicius 91 -
0
votes1
answer38
viewsHow to add a Chip (Filter type) dynamically (via code) ? (Kotlin)
I need to add Chips Filter type (image below) dynamically Attempt 1 I tried to create the Chip in a totally dynamic way: fun onAddChip(name: String){ val chip = Chip(this) chip.TYPE = Filter //Eu…
-
0
votes1
answer59
viewsReact: Appbar material-ui is not shown
Hello, I installed the material-ui in React to do tests, but Appbar does not show on screen. I created an Appbar component that uses the Appbar material-ui, then used it in the App class, and it…