Button with background image like Google play button

I want to add this button in my application: I can create drawable with the frame. But I do not know, how to add this background to the button. If I set android:background property, then the button will loose material design effects. How can I do thi

Angular material design 2

I am learning Angular 2 and I have so many problems with that whose one I can't find anything on that on internet. So, I tried easy thing to start : create a sign in form in my app, so I am using Material Design but my input are bad and nothing like

Android user interface multiple views

This question already has an answer here: How can i position a button in between two layouts 2 answers Is there any way to design the circular button on the end line of the parent layout? It should be half in both the views. Something like this: I've

Material design colors

I am trying to implement material design. Is there a constants for colors? For example, i can use @color/material_grey_850, but when I try to use @color/material_orange_500 - compilation failes. Can I use constants or I must use only values (#9E9E9E

Nested table form (Angular2)

i'am creating nested form array that structured like this the form got an error when i want to add array into objects here is the plnkr if you have difficulty to understand,please tell me.The only error you seem to have in your plunker, is the iterat

Hardware Design Date Picker for Angular 2

Is there any resource for material design date picker component in angular 2.I searched a lot but no good results found .angular 2-material-date-picker is not a good solution in the context of material design , the style is not looks like material de

Materialize the center buttons horizontally on the grid

I'm working on https://rapptor.co . I have used Materialize as the framework and I'm making a login modal, I'm trying to center the buttons at the bottom of the modal with center-align, however It's not working. <!-- Modal Structure --> <div id=&

angular material date selector field empty value

I want to get date of birth of a user, with predefined min and max date which is working fine. And the date format i want is DD-MM-YYYY, for this i have defined following in config; app.config(['$mdDateLocaleProvider', function ($mdDateLocaleProvider

Fixed-width material card titles

I am trying to give two material cards a fixed title height, regardless of how much content they have. I would like the height of the cards to be 15px but for some reason they won't adjust. <head> <link rel="stylesheet" href="https

using paper in angular2

I have been struggling for quiet a while about using paper-data-table (paper data table by David Mulder) in my angular 2 application. The problem im facing is described in the data table issue: Issue opened regarding using the table in angular 2 appl

Showing the limit around the android button

How can i achieve this scenario: My android button tag in xml file: <Button style="?android:attr/buttonStyleSmall" android:layout_width="100dp" android:layout_height="10dp" android:text="Select Plan" android:id=&

Google Hardware Design Lite: Grid Distribution

Using google material lite, I want 1 larger div with 4 smaller div in a 2x2 format like this: My initial thought was to house everything in one mdl-grid. Then create two mdl-grids, and, in the second column, create two rows and two columns to create

CardView button and the text does not line up

I'm having a problem creating a CardView with a button that aligns to the start of the text: I'm following the dimensions set out in the Material Design spec for the padding and text-sizes. This is the XML I'm using: <android.support.v7.widget.CardVi

Actionbar direction of the back arrow

In my application I started to set the UI to meet Material Design use the Toolbar. I want to add the back arrow on the action bar. It looks ok but somehow, when I change my phone locality to Hebrew which is a rtl language, the arrow change it's direc

? attr / do not set the correct color in the toolbar

I am using the same code from http://android-developers.blogspot.in/2014/10/appcompat-v21-material-design-for-pre.html for my project. When I created a blank project to only test the Toolbar, the color is working as it should. However, after upgradin

Hardware design - where is it?

saw all the I/O videos on Material Design but where is it? Where are all the widgets and libraries? I have 5.0 libraries loaded in Eclipse but the new widgets don't appear and I have the Graphical layout set to 21. Can we redesign our existing apps t

Missing Return Button Hardware Theme

I'm using the Material Design (Android Support V7 AppCompat) and using the Support Toolbar instead of the ActionBar. But I've noticed that the Back Button it's gone, on previous versions of Android, when adding to the back stack a Fragment Transactio

Change of hardware design icon change?

I'm updating an app to have a more material design look and feel. I have a refresh icon in my toolbar, and I'm wondering if this icon should change. Looking at google's new icons here https://github.com/google/material-design-icons/blob/master/naviga

Swelling error of class android.support.v7.widget.Toolbar?

I am trying to get Material Design for my App by following this method. Whenever I run the App it shows the following error: Error inflating class android.support.v7.widget.Toolbar. I checked whether I have added the appcompat properly. But it is all