material-design

Material design for web - how to make an autocomplete input

蹲街弑〆低调 提交于 2020-12-06 03:41:41
问题 I am using google's material design for web. And I would like to use their select component as an autocomplete component. What I am aiming for is the autocomplete you can see in react mui. I have removed the disabled and readonly input attributes but I still can't write anything to input field. <div class="mdc-select demo-width-class"> <div class="mdc-select__anchor"> <span class="mdc-select__ripple"></span> <input type="text" class="mdc-select__selected-text"> <i class="mdc-select__dropdown

Material design for web - how to make an autocomplete input

拥有回忆 提交于 2020-12-06 03:37:44
问题 I am using google's material design for web. And I would like to use their select component as an autocomplete component. What I am aiming for is the autocomplete you can see in react mui. I have removed the disabled and readonly input attributes but I still can't write anything to input field. <div class="mdc-select demo-width-class"> <div class="mdc-select__anchor"> <span class="mdc-select__ripple"></span> <input type="text" class="mdc-select__selected-text"> <i class="mdc-select__dropdown

Material design for web - how to make an autocomplete input

假装没事ソ 提交于 2020-12-06 03:33:27
问题 I am using google's material design for web. And I would like to use their select component as an autocomplete component. What I am aiming for is the autocomplete you can see in react mui. I have removed the disabled and readonly input attributes but I still can't write anything to input field. <div class="mdc-select demo-width-class"> <div class="mdc-select__anchor"> <span class="mdc-select__ripple"></span> <input type="text" class="mdc-select__selected-text"> <i class="mdc-select__dropdown

How do I reference Google Material-Design-Icons after npm install?

三世轮回 提交于 2020-12-02 05:58:05
问题 So after doing npm install material-design-icons , how do I use them in my React application? The methods included here doesn't include the npm method. 回答1: This is the way you can reference it (in your styles.css): @import '~material-design-icons/iconfont/material-icons.css'; To use it: <i class="material-icons">cloud_upload</i> 回答2: Open angular.json in your project, and add the following line node_modules/material-design-icons/iconfont/material-icons.css under projects => YOUR_APP =>

Angular Material Input and select in one form field

点点圈 提交于 2020-12-01 10:47:56
问题 I want the input field and the drop down field in the same area like the one on the left (I did this on the inspector) No matter what class I put in my stylesheet it won't shrink the size of the select menu. This is the html code I have. <mat-form-field appearance="outline"> <mat-label>End Time</mat-label> <input matInput type="time" placeholder="HH:MM" id="end_time_hour" [formControl]="timeFormControl"> <mat-select name="ampm" class="ampm" [(ngModel)]="event.eampm"> <mat-option value="AM">AM

Angular Material Input and select in one form field

試著忘記壹切 提交于 2020-12-01 10:43:53
问题 I want the input field and the drop down field in the same area like the one on the left (I did this on the inspector) No matter what class I put in my stylesheet it won't shrink the size of the select menu. This is the html code I have. <mat-form-field appearance="outline"> <mat-label>End Time</mat-label> <input matInput type="time" placeholder="HH:MM" id="end_time_hour" [formControl]="timeFormControl"> <mat-select name="ampm" class="ampm" [(ngModel)]="event.eampm"> <mat-option value="AM">AM

Angular Material Input and select in one form field

牧云@^-^@ 提交于 2020-12-01 10:41:12
问题 I want the input field and the drop down field in the same area like the one on the left (I did this on the inspector) No matter what class I put in my stylesheet it won't shrink the size of the select menu. This is the html code I have. <mat-form-field appearance="outline"> <mat-label>End Time</mat-label> <input matInput type="time" placeholder="HH:MM" id="end_time_hour" [formControl]="timeFormControl"> <mat-select name="ampm" class="ampm" [(ngModel)]="event.eampm"> <mat-option value="AM">AM

Android Background Drawable Not Working in Button Since Android Studio 4.1

狂风中的少年 提交于 2020-11-25 03:32:52
问题 I find out that since Android Studio 4.1 I cannot change the background color of a Button by setting color on its android:background , just no effect. And custom Drawable is not working as well. My background Drawable : <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1.5dp" android:color="@android:color/black" /> <solid android:color="@android:color/white" /> <corners android:radius="8dp" /> </shape> My Button : <Button

Android Background Drawable Not Working in Button Since Android Studio 4.1

北战南征 提交于 2020-11-25 03:30:19
问题 I find out that since Android Studio 4.1 I cannot change the background color of a Button by setting color on its android:background , just no effect. And custom Drawable is not working as well. My background Drawable : <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1.5dp" android:color="@android:color/black" /> <solid android:color="@android:color/white" /> <corners android:radius="8dp" /> </shape> My Button : <Button

Android Background Drawable Not Working in Button Since Android Studio 4.1

雨燕双飞 提交于 2020-11-25 03:29:38
问题 I find out that since Android Studio 4.1 I cannot change the background color of a Button by setting color on its android:background , just no effect. And custom Drawable is not working as well. My background Drawable : <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1.5dp" android:color="@android:color/black" /> <solid android:color="@android:color/white" /> <corners android:radius="8dp" /> </shape> My Button : <Button