material-design

Hi I am developing android application in which I am trying to implement new material design features. I tried to apply both elevation property and TranslationZ property but it is not working. <Button android:id="@+id/button1" style="@style/ButtonStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:clickable="true" android:text="Name" /> <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#0073ff" /> <corners android:radius="16dp" /> </shape> <style name=

I am using the element by adding opening and closing tags <paper-dialog><p>This is it</p></paper-dialog> but it is not getting shown up. Do I need to add some script on top of it so that it should be triggered on some event? Or is there some another way to make it visible ? atomikolex The dialog itself is autohidden. You usually toggle it with a button. For example, give the dialog an id="dialog" and make the button on-tap="toggleDialog" , which would be toggleDialog: () => { this.$.dialog.toggle(); }, Karthik <base href="https://polygit.org/polymer+polymer+v1.11.2/components/" /> <script src=

Material design makes a huge emphasis on the metaphor of "sheets of paper". To make these, shadows are essential. Since Material design is a philosophy and not an API (despite it being built into L), this should be done anywhere (Windows Forms, HTML/CSS, etc.). How do I do this in Android API 14 to 20? Note that premade PNGs won't really be that practical for circular and other non-square shapes. If you're not worried about backwards compatibility past Lollipop, you can set the elevation Attribute directly in the XML android:elevation="10dp" Otherwise you have to set it in Java using the

I am attempting to implement a CoordinatorLayout from the newly announced Android Design Support Library and I have used the following code in my XML layout as per the sample here : <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android

I tried setting elevation from xml and programmatically both. But nothing works. It only works if you set white as android:background in the BottomNavigationView. This is my code and it's working: <android.support.design.widget.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="bottom" android:background="@color/white" app:elevation="8dp" app:itemIconTint="@color/bottom_color_state" app:itemTextColor="@color/bottom_color_state" app:layout_constraintBottom_toBottomOf="parent" app:layout

So by the support V25 . We have new component called Bottom navigation. Follow the Design guidelines, the Bottom Navigation's elevation should be 8dp ( https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-specs ) But I can't set the elevation to it. Any suggestion, example would be appreciated. Thank you! UPDATE XML CODE <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap