material-design

Is it possible to make an md-button smaller?

南笙酒味 提交于 2019-12-18 18:36:15
问题 I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that? <div ng-controller="DateCtrl" layout="row" flex> <md-datepicker ng-model="activeDate" md-placeholder="Enter date" ng-change="changeDate()"></md-datepicker> <div> <md-button class="md-raised" ng-click="prev()"><</md-button> <md-button class="md-raised" ng-click="changeToday()">NOW</md-button> <md-button class="md-raised" ng-click="next()">></md-button> </div> </div> With the current

Raised and flat buttons with different background and highlight colors

*爱你&永不变心* 提交于 2019-12-18 18:03:23
问题 I'm creating application using com.android.support:appcompat-v7:23.0.1 library. I define application theme in values/styles.xml : <style name="BaseAppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/primary</item> <item name="colorPrimaryDark">@color/primary_dark</item> <item name="colorAccent">@color/accent</item> <item name="colorControlHighlight">@color/highlight_dark</item> <item name="colorButtonNormal">@color/primary</item> <item name="android

Angular Material 2. Switch theme from light to dark on click

故事扮演 提交于 2019-12-18 16:59:43
问题 So I have an Angular 2 Material application. And all I wanna do is just switch/toggle theme from dark to light by clicking simple button . How can I do it ? 回答1: In your menu : app.component.html : <div [class.dark-theme]="isDarkTheme"> <!--Your application content here--> <md-menu #more="mdMenu"> <!--Your content here--> <button md-menu-item (click)="changeTheme()"> Change Theme </button> </md-menu> </div> app.component.ts : // import statements here import {Component} from '@angular/core';

Material design component “is not a known element” in Angular2

我们两清 提交于 2019-12-18 13:53:12
问题 I have a hybrid Angular1 and Angular2 application. In one of the Angular2 components that I route to, I want to use a Material Design Button. When I insert a button into the template like this <md-button>foo</md-button> the application starts crashing with this console message Error: Template parse errors: 'md-button' is not a known element: 1. If 'md-button' is an Angular component, then verify that it is part of this module. 2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS

How to inflate android NavigationView with another menu dynamically during onClick?

☆樱花仙子☆ 提交于 2019-12-18 13:19:30
问题 Hi I have a NavigationView and there is an imageview in the headerview of that NavigationView. When I click on the imageview , NavigationView should inflate another menu resource file and replace current menu like in PlayStore app. I've tried this: imgIndic.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Log.e("Onclick","Arrow click"); navigationView.inflateMenu(R.menu.second_menu); } }); But when I click on the button, nothing happens! (Log Onclick

Polymer + form POST data

六月ゝ 毕业季﹏ 提交于 2019-12-18 12:53:13
问题 I have this <form id="form_837299" class="appnitro" method="post" action="insert.php"> <paper-input label="Title" name="title" maxlength="255"> </paper-input> <paper-input floatinglabel multiline label="text" name="text"></paper-input> <li class="buttons"> <input type="hidden" name="form_id" value="837299" /> <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" /> </li> </ul> </form> I have problem with POST data - nothing is sended in "text" and "title" (all in

How to set the CSS content property with a Google Material Icon?

南笙酒味 提交于 2019-12-18 12:23:11
问题 How can I insert the Google Material Icon "chevron icon right" (https://design.google.com/icons/#ic_chevron_right) in the following CSS content property: .bullet li a:before { content: ""; } 回答1: Update on 2018 Google removed the codes which were displayed earlier for IE9 and below. To get the codes visit the codepoints file in the GitHub repository. Link to codepoints in GitHub repository: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints Step 1: Include the

How to set the CSS content property with a Google Material Icon?

馋奶兔 提交于 2019-12-18 12:23:06
问题 How can I insert the Google Material Icon "chevron icon right" (https://design.google.com/icons/#ic_chevron_right) in the following CSS content property: .bullet li a:before { content: ""; } 回答1: Update on 2018 Google removed the codes which were displayed earlier for IE9 and below. To get the codes visit the codepoints file in the GitHub repository. Link to codepoints in GitHub repository: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints Step 1: Include the

How to build a responsive website with ReactJs [closed]

喜夏-厌秋 提交于 2019-12-18 11:46:10
问题 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 4 years ago . I am a bit confused. Until now I was using bootstrap or jquery mobile to build my application both base on jQuery. I heard a lot about ReactJs and I would like to use it for my next application. I am searching for something like bootstrap but purely written with ReactJs and ready to use. But until now I didn't

How can I place a ProgressBar at the right of the Toolbar?

…衆ロ難τιáo~ 提交于 2019-12-18 10:52:50
问题 With the new Lollipop API, we have to use a Toolbar if we want to personalize the action bar aspect. Adding a ProgressBar to the Toolbar is as simple as adding it to the Toolbar ViewGroup, as Chris Banes said. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/material_green