material-design

I just getting started this google material design lite. And i found this textfield floating when you r focusing in this label. the color is blue or navy or idk. the problem is, I changed the link color into this color indigo-pink <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css"> but there is no change for my textfield into an indigo color or a pink color when I focused on it. question is simple, how to change it? I did something with this, but still have no luck in it. the HTML: <form action="#"> <div class="mdl-textfield mdl-js-textfield mdl-textfield-

In recent android L apps ( lets say google i/o 2014 app) with material theme we have seen that if there is image view at top (followed by any kind of list), then to begin with the actionbar is transparent, then as the user scrolls down the actionbar gradually becomes solid color. 2 questions: 1. does this phenomenon have some name, if yes what is it? 2. how do i code to achieve this in an app for android L or is it default take a look here : https://github.com/ManuelPeinado/FadingActionBar second question : based on my researching until now, we have to implement it by code. it's called Fading

I am trying to create this kind of a layout where - A CollapsingToolbarLayout that has a ViewPager like google play app. Below that there is a Grid RecyclerView . And at the end, there is another ViewPager . The RecylerView scrolls normally until the end when CollapsingToolbarLayout expands. <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <android

The problem is as follows: I need to make in app widget some actionbar like this: For this I use layer-list with shape. <?xml version="1.0" encoding="utf-8"?> <!-- Bottom 2dp Shadow --> <item> <shape android:shape="rectangle"> <solid android:color="#027668"/> <corners android:radius="12dp"/> </shape> </item> <!-- White Top color --> <item android:bottom="4dp"> <shape android:shape="rectangle"> <solid android:color="#20a18b" /> <corners android:radius="7dp" /> </shape> </item> And I get some view: but, I cant do some around shadow like on first image in this post. How to do that? Here you go:

I've got working, buttons, carts, lists, but my inputs are not themed like in the demo here: https://material.angularjs.org/#/demo/material.components.input Now I've simply copied code from demo, but it's still not working. Here is html: <div ng-controller="View1Ctrl" layout="column" md-theme="green"> <md-toolbar class="md-primary"> <h1 class="md-toolbar-tools"> Top Secret Project </h1> </md-toolbar> <md-content class="md-padding"> <form name="projectForm"> <md-input-container> <label>Description</label> <input md-maxlength="30" required name="description" ng-model="project.description"> <div

I am looking for a sample how to use the material-dropdown-select component. What I have is a variable holding the currently selected item and a list with all possible items. What I managed to do is to display the dropdown component and fill the available items. <material-dropdown-select> <material-select-item *ngFor="let item of allItems"> {{item.name}} </material-select-item> </material-dropdown-select> What I did not manage is to automatically mark the currently selected item and to add an event handler to update the selection. In that case it would be necessary to not update the variable

I'm developing an android app, by now everything great, but when try to implement a Material SearchView with Google guidelines and following step by step some tutorials I can't figureout this error: menu_main.xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/search_ad" android:enabled="true" android:icon="@android:drawable/ic_menu_search" android:title="Buscar" android:visible="true" app:actionViewClass="android.support.v7.widget.SearchView" app:showAsAction=