material-design

问题 After extending the material.light theme,and setting up the colors like this: <resources> <!-- inherit from the material theme --> <style name="MiTemaMaterial" parent="android:Theme.Material.Light"> <!-- Main theme colors --> <!-- your app branding color for the app bar --> <item name="android:colorPrimary">#4DB6AC</item> <!-- darker variant for the status bar and contextual app bars --> <item name="android:colorPrimaryDark">#009688</item> <!-- theme UI controls like checkboxes and text

问题 I have created an app that has a navigation drawer, it works fine, but the only problem is that I see two toolbars. One in which there is Actionbartoggle button and other which is default. Now the tutorial I have seen has used a toolbar in the main content of drawer layout and obviously navigation contents are coming from menu. Now the problem is I think we have to pass a toolbar reference in the constructor of Actionbardrawertoggle, and after I passed it properly it works fine, but I see two

问题 JSFiddle here. I am trying to use Nested Tabs in a web page where I am using Material Design Lite. So, please see in the JSFiddle linked or in the demo below, if you click the outer tab labelled ONE , you will see 4 nested tabs. The problem is with these nested tabs: The first of these nested tabs is Active by default, so its tab-header/title has a pink colored accent under it. When I click on the other nested tabs, this pink colored accent should be removed from the first nested tab and

问题 I'm having some issues starting an Angular2 project using the angular2-mdl package. My project setup is using angular-cli (webpack) - https://github.com/angular/angular-cli I am trying to integrate Google Material Design Lite (https://getmdl.io/started/index.html) using the angular2-mdl package (https://www.npmjs.com/package/angular2-mdl). The angular2-mdl setup steps are fairly simple: npm install angular2-mdl --save Apparently that is it... and it should work. But it doesn't. I've got to a

问题 I'm trying to add a basic MDC select menu to my website. But it's not quite right—the right of the box shows the MDC arrow along with the normal HTML one, and the words are placed too close to the menu label (seen here). HTML part— <div class="mdc-select mdc-select--box day-select"> <select class="mdc-select__native-control" required> <option value="" disabled selected></option> <option value="grains"> Bread, Cereal, Rice, and Pasta </option> <option value="vegetables"> Vegetables </option>

问题 I have the following FormGroup in createGroup.component.ts this.formGroup = new FormGroup({ groupName: new FormControl({ value: this.data.groupName, disabled: this.isEditPopup }, [ Validators.required ]), groupDescription: new FormControl(this.data.groupDescription, [ ]), groupId: new FormControl(this.data.groupId, [ ]) }); I have the below angular html that uses material directives in createGroup.component.html <form [formGroup]="formGroup" (ngSubmit)="onSubmit()"> <mat-form-field> <input

问题 I'm using a custom view to get ripple effect for the pre-lollipop devices. But I also need to customize the container shape like a curved shape.I want to be the button like this. As you can see in the second and third buttons when we tap the view the ripple effect animation goes outside of the container view. So how to resolve this? Please note that I want this ripple effect for the Kitkat version with the ability to change the ripple color . So is this possible? Here is my custom view which

问题 I have a couple elements that utilize the mdTooltip attribute directive (That's what it's called right?) @Component({ selector: 'status-bar', template: '<md-icon #iconOne mdTooltip="Connected">check_circle</md-icon> <md-icon #iconTwo mdTooltip="Disconnected">warning<md-icon>' }) I'm able to call the toggle() method on iconOne by using: export class StatusBarComponent implements OnInit { @ViewChild(MdTooltip) myIcon: MdTooltip; ngOnInit(): void { this.myIcon.toggle(); } } The way I understand

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 2 years ago . How can the default color of radio buttons be changed in Angular Material2? I read a few questions on this topic but none of them solve this problem. How can I set green, yellow and red color for an element with class md-radio-button ? 回答1: You can use this rule for the color of the center of your radio button :

问题 perhaps a really rookie webpack question, but here i go: Was wondering (since i really havent found any direct answers) if anyone could give me a hint on how to get bootstrap material design working? I get the css stuff going for me but not the ripples.js stuff... my webpack setup, well bits of it: ... plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], module: { loaders: [ { test: /\.js?$/, exclude: /(node_modules|bower_components)/, loader: 'babel' }, { test: /\.css$/