FAQ Database Discussion Community


Elevation not working on android.support.design.widget.FloatingActionButton

android,material-design,floating-action-button
I've just started android development and trying the new material design. is a screenshot of my mainactivity which has a FloatingActionButton but it doesnt applying any elevation (no shadows). How can I enable shadow on this new widget (android.support.widget.FloatingActionButton). This is code from layout xml <android.support.design.widget.FloatingActionButton android:id="@+id/add_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true"...

Maintaining backward compatibility with Material Design

android,android-5.0-lollipop,material-design,backwards-compatibility
I'm trying to implement an activity that has the Material Design tinted title bar. My standard style is: <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> </style> My v21 style is: <style name="AppTheme" parent=" -see rest of this post- "> <item name="android:colorPrimary">@color/primary</item> <item name="android:colorPrimaryDark">@color/primary_dark</item> <item name="android:colorAccent">@color/accent</item> </style> and the results I get are: API 18:...

Implementing SearchView as per the material design guidelines

android,material-design,searchview
I have been looking for ways to implement a searchview in the activity toolbar (actionbar) as per the material design guidelines. On clicking on the search icon, the entire toolbar animates to have only the search EditText with white background with suggestions appearing in the main view instead of a...

Android Snackbar - Changing its alignment from bottom of screen to top of screen

android,material-design,android-design-library,snackbar,android-snackbar
The recent android library came out just a few days ago, but I would like to have the SnackBar appear on top of the screen, preferably within a RelativeLayout as it's parent view. How does one change the SnackBars initial alignment which I presume to be layout_alignParentBottom to layout_alignParentTop?...

Polymer.js without material design?

polymer,material-design
I like the idea of reusable web elements in Polymer.js. However I am not convinced that Google's material design is the way to go, especially in desktop environment. So is there a way of "styling" Polymer or will there be any other "skins" than just material design ? ...

How to implement FAB without support library in API >= 21

android,material-design,fab
This might be a very silly or basic question. I am new to android development and am using Support Library to implement FAB search button, using "android.support.design.widget.FloatingActionButton" component. Now I was wondering if I need use a separate layout for API 21 or greater and implement the same button without...

Where do I learn polymer material design with complete documentation and examples?

javascript,cordova,polymer,material-design,hybrid-mobile-app
I am planning to update a Phonegapp app for android using polymer material design. Can someone please help me out in finding some good documentation, tutorials and startup guide.

Sliding Tabs in Toolbar using Material Design

android,android-layout,material-design,android-tabs
I have been learning to use Sliding Tabs using Material Design using this post. I have managed to achieve SlidingTabs below the Toolbar, like this one: But now i would like to create ActionBar/ToolBar Fragment Tabs ......

md-select - how to force required?

html,angularjs,material-design,angular-material
How do I force md-select in multiple mode to behave just like <select multiple required ... > ? Here is the fiddle, to show what I mean. In this example, my browser doesn't let me submit form without selecting at least 1 option from the select tag. I want md-select...

Disable icon colorStateList in NavigationView

android,material-design,android-design-library
In my app today i have icons which doesn't just have a single color, but in some cases two colors depending on the data state in my app. This means i cant use the default tinting behavior in NavigationView. It looks like with the new NavigationView, unless i specify a...

Material Design scroll [closed]

android,material-design
Good Day There is this cool feature on some apps, like Google Play Store, whereby when you open a certain activity, there is a header image on the activity and as you scroll down the header image kind of fades out or the scroll-able content goes over it. A toolbar...

Why is my Material AngularJS (CSS) not working as in the demo provided?

html,css,angularjs,material-design,angular-material
I am a total newbie to the World of AngularJS. However, I wish to implement the material design version of AngularJS for creating a form. So I followed the getting started instructions and tried to do something, but it did not look like the one on the site. So, I...

How to change RecyclerView Card's color dynamically

android,material-design,recyclerview,android-recyclerview
I have a RecyclerView that displays cards of same size and similar content. Does anyone knows how I would go about changing the cards color depending on the object it holds? So object "A" would have a blue card and object "B" would have a red card. I've seen visual...

How can define “materializecss” modal “before” (beforeload) functionality

javascript,jquery,css,material-design
I have used http://materializecss.com/ framework but stuck in modal functionality. I have made popup modal for image with following code:- HTML:= <div class="media-insert"> <a href="#img2" class="modal-trigger"><img src="images/slide1.jpg" class="img-responsive" /></a> <div class="modal" id="img2"> <div class="modal-content"> <img src="images/slide1.jpg" class="img-responsive" /> <a href="javascript:void(0);" class="modal-action modal-close"><span...

NavigationView menu items with counter on the right

android,navigation-drawer,material-design,androiddesignsupport,navigationview
The new NavigationView in the new Design Support Library works really great. They uses "menu-items" to display the options. But how can I achieve to display a count to the right of the menu item? Like in this picture: Or like in the GMail app....

Fab button android onClick is crashing the app?

java,android,material-design
The (Floating action button) works but when I try to set it as a button it crashes the app? Button MyButton = (Button) findViewById(R.id.fab); MyButton.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click } }); The above crashes the app, but when I remove it everything...

Change background on FloatingActionButton?

android,android-layout,material-design
I am trying to set the background of a FAB to a different color in XML. I know I could do this in code, but that would also require a lot of inconvenient refactoring on my part. <android.support.design.widget.FloatingActionButton android:layout_width="40dp" android:layout_height="40dp" android:background="#F38E1B" android:id="@+id/fab"/> For some reason, the background stays blue when...

FloatingActionButton no border?

android,material-design
I cannot find a way to get a FAB with no border. For example when I try: <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/fab" android:background="@android:color/transparent" android.support.design:fabSize="normal" android:adjustViewBounds="true" style="@style/Fab"/> I get: Notice the border still around the FAB. I have tried adjustViewBounds="true" and android:background="@android:color/transparent" both of which are the suggested solutions...

SlidingTabLayout: replace with fragment

android,android-fragments,material-design,pagerslidingtabstrip
I've the following situation: Linear Layout ToolBar SlidingTabLayout ViewPager FrameLayout Initially, I only add a fragment to the FrameLayout, and all works. Next I remove this fragment, create new Adapter, and bind adapter to the SlidingTabLayout. All works again, but now I need to set tab visibility to false, and...

How can I make the ripple effect look like a circle instead of an oval?

android,android-5.0-lollipop,material-design,rippledrawable
I have the same ripple effect on most of my image buttons and on most of them it looks like a circle when pressed but on some buttons it looks like an oval and I'm just not sure why it looks different. I realize the actual ripple shape is set...

Angular Material Slider example not working

javascript,angularjs,material-design,material
I am trying to run angular material example given at here. i have tried following example but it is not working for me. through following error in console Error : Uncaught Error: [$injector:modulerr] Failed to instantiate module StarterApp due to: Error: [$injector:nomod] Module 'StarterApp' is not available! You either misspelled...

Disable ripple effect on Listview

android,listview,android-listview,material-design,ripple
I have a simple listview that has some listitems. Currently, to make the items ripple on touch, I just added android:drawSelectorOnTop="true" to the listview. This works perfectly. However, some of the list items are headers and should not show ripples because they do not have an action associated with them....

How to used Material Design Transition when fragment changed in Android?

android,material-design,android-transitions
I like new Transitions introduced with Android material design like that : But, I want used it when I replaced fragment after selected an item in my Drawer : fragmentManager.beginTransaction().replace(R.id.container, fragment).commit(); Is that possible? Used the same logic with EnterTransition / ExitTransition and Explode transition animation....

ActionBar with material design sliding tabs

java,android,xml,material-design
Okay guys so in my Application i want on all Activities except Activity with material design sliding tabs to have ActionBar. But if i want to make material design sliding tabs i need in my style to use: parent="Theme.AppCompat.Light.NoActionBar" but with this code i won't have ActionBar on other Activities...

Android material design - Creating Tool Bar

android,material-design
I am trying to follow this tutorial to create material design tool bar. I am at step 7 where my activity should have a color tool bar but my app looks like for reference, here are my style.xml, color.xml, tool_bar.xml files style.xml <resources> <!-- Base application theme. --> <style name="AppTheme"...

How to set shared checkable behavior across all groups in NavigationView?

android,navigation-drawer,android-support-library,material-design,navigationview
I've created two groups with unique ids (I need a divider) and they both have checkableBehavior set to single. This allows multiple items from different groups to be checked at once, and that's exactly what I'm trying to avoid. I'd like to have one item checked at maximum, across all...

android.support.v4.widget.CircleImageView does not work

android,circle,material-design
when I try to use : android.support.v4.widget.CircleImageView <android.support.v4.widget.CircleImageView android:id="@+id/picture" android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center_vertical" android:src="@drawable/ic_bg" /> it makes my app crash how to support new Material Design Widget CircleImageView is there any example use this new widget Logcat java.lang.RuntimeException: Unable to start activity...

When using the CoordinatorLayout my ScrollView has an incorrect size

android,android-support-library,material-design,android-scrollview,android-design-library
I'm using a ScrollView in a layout, and am attempting to use the new CoordinatorLayout from the design support library. My layout file looks like this: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent"...

Android button default background

android,android-layout,material-design,android-styles
I know that I can set the background of my button by using a custom drawable like this: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" > <shape> <gradient android:startColor="#ffffff" android:endColor="#ffffff" android:angle="270" /> </shape> </item> <item android:state_focused="true" > <shape> <gradient android:endColor="#ffffff" android:startColor="#ffffff" android:angle="270" />...

Google Material Design Growing Textarea while typing

javascript,jquery,html,css,material-design
I'm trying to implement Google Material Design Guidelines in my forms and it's working great, until I bumped into the textarea. What I want is this: When you focus on the textarea there is only one line, but when you reach the end of the line (while typing) it automatically...

Material Design Progress Dialog with transparent background

android,progressdialog,material-design,android-progressbar
I'd like to put an indeterminate Progress Dialog material-compliant in my app. I found two ways to achieve it: 1- Using material-dialogs: https://github.com/afollestad/material-dialogs 2- Using the build-in dialogs of material-design-library: https://github.com/navasmdc/MaterialDesignLibrary#dialog Using any of these solutions I get something pretty much like this: a dialog with a progressbar in it....

Android Material Design - How to change background color of Toolbar after CollapsingToolbarLayout is collapsed

android,material-design,collapsingtoolbarlayout
After the user scrolls down the screen, the image in the CollapsingToolbarLayout disappears and is left with a toolbar with the back button, content title, and settings menu. I want to know how to change the background color of that toolbar only when its in a 'collapsed' state. The action...

Polymer core-localstoreage TypeError: Cannot read property 'save' of undefined

polymer,material-design
I'm following this tutorial to build a Material Design app with Polymer. http://io2014codelabs.appspot.com/static/codelabs/polymer-build-mobile/#6 when I implement this i get this error TypeError: Cannot read property 'save' of undefined this error is happening in the dataChanged function anyone know why? <link rel="import" href="bower_components/polymer/polymer.html"> <link rel="import" href="bower_components/font-roboto/roboto.html"> <link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">...

Android ActionBar on Lollipop not styling correctly

android,android-5.0-lollipop,material-design,android-styles
I am designing an app with Material Design, but I am having trouble styling the ActionBar. First of all, I can not get the ActionBar to render a shadow. I have tried setting the elevation in multiple ways: In the styles.xml (v21): <item name="android:elevation">4dp</item> <item name="elevation">4dp</item> In the onCreate() method...

Android Toolbar not working [duplicate]

android,android-actionbar,material-design,android-toolbar
This question already has an answer here: Upgraded to AppCompat v22.1.0 and now getting IllegalArgumentException: AppCompat does not support the current theme features 2 answers I am trying to make a backwards compatible toolbar in Android, and I followed all the suggestions given in multiple style guides to try...

how to use own material design icons with materializecss?

css,material-design,materializecss
I need to know how to add own mdi icons in custom classes. the provided mdi classes provided don't meet my expectations. How can i add those and use them like the default one <i class="mdi-image-facebook"></i> <i class="mdi-image-linkedin"></i> Thanks in advance...

Implement Icon morph animation in Javascript/CSS?

javascript,css,material-design,css-shapes
See this video (HD video here) I was wondering whether there is an easier way to implement this in Javascript/CSS. I know that there is some CSS3 attributes like transition, animation, transform and so on, but as I know, none of these attributes can transform one icon into another and...

Ripple effect overflowing out of circular button

javascript,jquery,html,css,material-design
I have issues managing to make my ripple effect not outgrowing its container. I set up a oveflow:hidden; but it doesnt work, here's my fiddle https://jsfiddle.net/aqbmbrLy/ <div class="row clearfix expand-row"> <a href="#Projets" class="expand-button scrollTo"> <i class="medium mdi-navigation-expand-more host-expand actionbutton2">ab</i> </a> </div> I'm basically trying to make the ripple effect not...

Restore dialog after screen rotation

android,android-alertdialog,material-design
i have dialog (material dialog from this lib ) with 2 edittexts. After i rotated device activity is destroyed and the dialog as well. I know that edittext has autosave for input text, but how can i forbid dialog from being destroyed? MaterialDialog dialog = new MaterialDialog.Builder(context).customView(R.layout.dialog_edit_point_info, false) .positiveText(R.string.ok).negativeText(R.string.cancel) .positiveColorRes(R.color.dark_blue).negativeColorRes(R.color.black)...

TextInputLayout not showing EditText hint before user focus on it

android,material-design,android-design-library
I am using recently released Android Design Support Library to show floating label with EditTexts. But i am facing the problem that the Hint on the EditText is not showing when UI is rendered, but i see the Hint after i focus on the EditTexts. My Layout is as follows:...

NavigationView throwing error: No resource identifier found for attribute 'menu' in package

android,material-design,drawerlayout,androiddesignsupport,navigationview
I am trying to add NavigationView in my layout as below: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin">...

Clear button in md-input

angularjs,material-design
Are there any clear button included with md-input of type Search? I know that I can just add an clear button outside or the search input component, but I would rather like to get it as part of the input field.

How can i create a cascading md-select with angularjs?

javascript,angularjs,html5,material-design
I have JSON like this, $scope.analytics = { 'Twitter': [ 'Following', 'Followers', 'Tweets' ], 'Facebook': [ 'People engaged', 'Likes', 'Clicks', 'Views' ], 'LinkedIn': [ 'Overview' ] }; From the above, I need to create a cascading md-select , First md-select should have Twitter,Facebook and Linkedin. OnChanging Twitter, it should display...

CollapsingToolbarLayout | Scrolling and layout issues 2

android,xml,material-design,android-design-library,collapsingtoolbarlayout
Related Questions CollapsingToolbarLayout | Scrolling and layout issues Backgroud I want to use 2 different fragments that will allow me to change the layout based on orientation and screen size Header Image (Currently just an ImageView) Scrollable content Issues The CollapsingToolbarLayout does not allow me to expand the Toolbar to...

CollapsingToolbarLayout | Scrolling and layout issues

android,xml,material-design,android-design-library,collapsingtoolbarlayout
Related Questions CollapsingToolbarLayout | Scrolling and layout issues 2 Question I have been working with the Android Support Design Library and successfully implemented the CoordinatorLayout that causes the Toolbar and TabLayout to scroll out of view when scrolling. This works very well, so I figured I would try my luck...

How to use a TabLayout with Toolbar inside CollapsingToolbarLayout?

android,material-design,android-toolbar,android-design-library
I am looking at the chrisbanes/cheesesquare and I am trying to put TabLayout with a Toolbar inside a CollapsingToolbarLayout, and here is my code <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:fitsSystemWindows="true"> <android.support.v4.view.ViewPager android:id="@+id/viewpager"...

How to set the date in materialize datepicker

javascript,jquery,datepicker,material-design
I am using materializecss.com Datepicker. When i try to set date with jquery, the date doesn't get set. Here is my Code :- // Materialize Date Picker window.picker = $('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 100, // Creates a dropdown of 15 years to control...

decrease the size of Material Navigation drawer-drawer

android,navigation-drawer,material-design
I'm using http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html So, how we can decrease size of this drawer? i mean this drawer size: to the Telegram example(exactly like this): ...

Material Design in Angular won't work

javascript,angularjs,material-design
I have a problem with Angular Material including. I've installed angular-material with bower in my angular project and included scripts and stylesheet. Angular is v1.4.1 and Angular Material 0.10.0. Is there any wrong dependency? var app = angular.module('startApp', ['ngMaterial' ]); app.controller('MainController', ['$scope', function($scope) { $scope.title = 'Web page'; $scope.array =...

Android: material design's Floating Action Button (FAB) and shifting views

android,android-listview,material-design,floating-action-button,fab
I would like to implement two Material Design elements in Android: the Floating Action Button (FAB) "shifting views" (not sure if this is the proper term) I cannot find any Android widget to implement FABs. Which is the best recommended solution? is it to use third party libraries? With "shifting...

Material Design: Bootstrap 3 Responsive Navbar

css,twitter-bootstrap,user-interface,twitter-bootstrap-3,material-design
Current code: http://www.bootply.com/NuuxNSnmrf I have a few issues I am struggling with in this revision: hamburger icon is not on the left side upon collapse vertical gap between left and right side text brand is not centered My goal: Suggestions appreciated!...

RippleDrawable NOT drawing over Views

android,android-layout,android-5.0-lollipop,material-design
I have a layout with a KenBurnsView and an ImageView over it (just a toggle button). When I click on the button a Ripple is generated but is drawn below the KenBurnsView. Previously, when I had an Image view in replacement to the KenBurnsView the Ripple was drawn above the...

How to properly style material buttons in android

android,android-button,material-design
I am going after flat buttons for my example, but the question really applies to all buttons. Why does it seem so hard to find documentation on the proper way to style material buttons in android. I have the following which I messed around with until I could get it...

Suggested method to override button background colour?

css,material-design,materialize,materializecss
How should I go about changing background-color CSS property for <button> element using Materialize CSS? It seems that for most other elements simply adding a class of, for example, .red or .yellow will change the background colour, but not for the button elements. Is there any non-obtrusive way? EDIT: To...

Use higher API level in android with an external library

java,android,api,android-studio,material-design
Would it be possible to import an external library (.jar file) in an android project containing the features of API level 21, and then use them in my application with a minimum sdk version set to say like 17? I'm really into Matierial Design but as Google states, "To use...

Appcompat v7 Material checkbox changing color to default black in Lollipop devices

android,checkbox,android-5.0-lollipop,material-design,appcompat-v7-r22.1
I am using appcompat v7 material checkbox. My project theme is light blue, so I am assigning light blue for my checkbox checked color in styles.xml as follows <!--checked color--> <item name="colorAccent">@color/light_blue</item> <!--un checked color--> <item name="android:textColorSecondary">@color/secondary_text</item> In My layout file <CheckBox android:id="@+id/chk_tick" android:layout_width="wrap_content" android:layout_height="wrap_content" android:button="@drawable/abc_btn_check_material"...

incorrect status bar translucent displays on sony on lollipop

android,styles,statusbar,material-design,material
I have my styles.xml in values-v21. When I run my app on different Sony devices I see statusbar translucent like in android 4.4, but not 5.x. Anyone know the solution? code: <style name="BATheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="android:colorPrimary">@color/colorPrimary</item> <item name="android:windowTranslucentStatus">true</item> <item name="android:windowDrawsSystemBarBackgrounds">true</item> <item name="android:windowActionBar">false</item> <item...

Android Material CardView with full screen image on Cardview

android,material-design,android-cardview
i need to do this : http://developer.android.com/design/material/images/card_travel.png so i create and add the dependency to the project and here is my activity main code: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/feed_detail" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.CardView android:layout_height="wrap_content" android:layout_width="match_parent" android:layout_margin="6dp">...

Android button looks different after rotating to landscape and still after rotating back

android,shape,material-design,layer-list,floating-action-button
I created my button following this tutorial. It looks pretty good. But if I rotate my device screen to landscape, the button looks different. Do you have some idea, why this is happening? If you need some code, please let me know! Button as it should: Button as it after...

CoordinatorLayout not working

android,material-design,android-design-library
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"...

Ionic framework + Google material design, which framework to use? [closed]

angularjs,ionic-framework,material-design,materializecss
I really want to use Ionic Material Design into my app. I am currently using Ionic Material: http://ionicmaterial.com/ It is really easy to use and it work great sometime but not the others. It is little bit buggy on the actual devices and it is NOT PRODUCTION ready (and I...

Android Design Support Library

android,android-support-library,material-design
I have found this after a google search about the android design support library. It states: "Android Design Support Library brings a number of material design components that are compatiable [sic] with all Android 2.1 or higher devices." I am wondering if this means that the android design support library should...

Angular Material — $mdDialog.show() returning scope items to parent scope

javascript,angularjs,angularjs-scope,material-design,angular-material
Yo! I have a controller which houses a bunch of items on its $scope. One of the scope items, $scope.openDialog opens a $mdDialog via $mdDialog.show(). The object passed into $mdDialog.show has a template which houses controls for uploading files via the ng-file-upload project, which you can read about here. I...

How to fill a view with another with Material Design Animation?

android,animation,material-design
I'm trying to go around different functionality integrated with Android Material Design but I can't to do this type of animation when a view fill another like that : Do you know how to do it or a library/project an example that does this? ...

Stylizing material buttons in Android v21

android,android-5.0-lollipop,android-button,material-design,android-theme
I am trying to maintain the material design ripple effect for devices with lollipop and above (21+) and stylize the button so that it doesn't have a large margin/space around it. Example 1: Buttons with ripple effect but with margin/gap: Example 2: Buttons with NO ripple effect and without the...

What is new features of Android Design Support Library and how to use its Snackbar?

android,material-design,android-design-library,android-snackbar
Android M Preview for developers was released yesterday. As usual, many amazing new features are introduced. I noticed that Snackbar is one of them. I have read the document about Snackbar, from which I learnt that Snackbar is in the library of Android Design Support Library, whose absolute path is...

Toolbar With Ic_drawer

android,material-design,android-toolbar
I want a material drawer with ic_drawer but what happened is that I cant display my ic_drawer although navigation drawer is working perfectly I had followed this tutorial This is my output I had done something like this frameLayout= (FrameLayout)findViewById (R.id.content_frame); toolbar = (Toolbar) findViewById(R.id.tool_bar); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setHomeButtonEnabled(true); mRecyclerView =...

How to realize this custom popup menu with Material Design Android?

android,menu,material-design
I want to realize a custom popup menu like Twitter in Android for example with item and picture but I don't know what's the component used for that. In Material Design website, google present this solution. So I think, there is a native solution to achieve this. I tried with...

FloatingActionButton, square button below API level 17

android,material-design,android-design-library
I am using android.support.design.widget.FloatingActionButton from the new Design Support library 22.2.0, in my layout file. It is working fine but it shows a square button below API level 17 ...

SlidingTabLayout: why preload next tab?

android,android-studio,material-design,android-sliding,pagerslidingtabstrip
I've implemented SlidingTabLayout on my application, following https://github.com/google/iosched/blob/master/android/src/main/java/com/google/samples/apps/iosched/ui/widget/SlidingTabLayout.java and tutorial all google. All works, but I don't understand why when I do viewPager.setAdapter(viewPageAdapter); slidingTabLayout.setViewPager(viewPager); are automatically called: getItem(0); getItem(1); Instead of getItem(0); that's the tab of default. Is like a pre-load of the next tab for performance optimization? How can...

Question mark instead of RTL field

android,material-design,android-tablelayout,android-toolbar
I used this Material Design Toolbar for my project. But I have 2 problems: When I use a RTL String for the Tabs Title, it doesn't show the String correctly private String titles[] = new String[]{"تست", "Sample Tab 2", "Sample Tab 3", "Sample Tab 4" , "Sample Tab 5", "Sample...

android StateListAnimator in pre Lollipop

android,material-design
I've searched more and more, but I haven't found any answer. So tell me please how to use AnimatorInflater.loadStateListAnimator (..) and view.setStateListAnimator(..) methods in pre Lollipop, is there any way to do instead of those?

Is there a native component for the Floating action button in Android Material Design?

android,material-design,floating-action-button,android-design-library
My question revolves around the Floating action button that was introduced in Android Material Design. There are many library offering this component on GitHub as: Android-floating-action-button FloatingActionButton CircularFloatingActionMenu Fab Floating-action-button But my question is: Is there a native component with the last release of android.support.vX that was built for Floating...

How to customize item background and item text color inside NavigationView?

android,material-design,drawerlayout,android-design-library,navigationview
I wanna achieve something like this shown in the Material Design Docs. colorControlHighlight is used for the Background on checked items. I need to customize: background unchecked text color checked text color unchecked ...

Material design animation

android,animation,material-design
I am developing an app that will have a very similar interface to this , my question is, all that animation is from material design, but do i have to program all that stuff or android have anitmation libraries for material design that do that?

How to replace title by logo in Android Toolbar?

android,toolbar,material-design
I want to replace the title in my Toolbar by a logo like Twitter App. I think we can replace this programmatically like that : mToolbar = (Toolbar) findViewById(R.id.app_toolbar); mToolbar.setLogo(R.drawable.ic_logo); But I want to replace it directly in my XML toolBar declaration, but I can't see the property app:logo or...

Android color for Material Design

android,colors,material-design
I am still a begginer in mobile app development. I am trying to create a android mobile app and still unable to find a good color combination for the app. When i was search for the color combination / color palette, i found the Material Design Guide by google here....

Android Design Support Library And Material Design Backwards Compatibility?

android,android-support-library,material-design,appcompat,android-design-library
I'm new here, so bear with me! I'm sorta confused about the new Design Support Library (and how one implements support libraries), and I had a two questions: I'm confused about how support libraries are implemented. Is it something as simple as saying 'if the OS version is below version...

Django formwizard breaks after adding css style django-material

python,django,material-design,django-formwizard,materialize
I have my Django project using a base template for rendering the views as in the following paste http://pastebin.com/uUZT40ge called from root as base.html , and django-material https://pypi.python.org/pypi/django-material providing the style and layout for the form elements.With a simple for such as below it works ok: {% extends "base.html" %}...

Change ListView's ScrollBar/FastScroll color?

android,android-listview,material-design
My app has an orange theme all over but the ScrollBar/FastScroll is appearing green. I've tried to search a lot but can't find any way to change this. It just stays the way it is. I found a "android:fastScrollTextColor" property but that changes the color of the B inside the...

Angular material md-toolbar expansion transition

javascript,angularjs,css3,material-design,angular-material
I'm using the md-toolbar component from Angular material. By default, its height is "normal", and by adding the class md-tall, it can be taller. I'm trying to apply a CSS transition to make it expand smoothly, but it doesn't behave as expected. The transition only occurs one way, but not...

Designing Toolbar and using Floating Action Buttons

android,android-animation,material-design,android-toolbar,floating-action-button
Although there is some information on the Internet on more or less how the extended Toolbar works and how you are meant to add different Views to it, I would like to have a step-by-step guide for me and everyone else who wants to implement the extended Toolbar into their...

Android ListView animation material deisgn

android,android-5.0-lollipop,material-design
in material design official guidelines I saw ListView animation - Video link My question: is it some build-in animation or I should manually code it to achieve same effect. If I should code it, which tools/classes are used for this?...

Angular-material theming issue

angularjs,material-design,material,angular-material
This is my first time using Stack Overflow so please be nice :) Basically I am using Angular-material on a project and I cannot for the life of me figure out where to change the color schemes/theming. I am using the docs-dark theme but cannot find where to alter it...

Material Navigation Drawer with recycle view and Card view

android,android-studio,material-design
I'm trying to use Below material navigation drawer from(android4devs) : http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html so, here is my main activity : <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/DrawerLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:elevation="7dp"> <LinearLayout android:layout_width="match_parent"...

ng-animate does not work with ng-repeat

javascript,angularjs,material-design,ng-animate
I want my navigation items to be animated when i change the navigation, hence am using 'ng-animate', but no effect is being applied. Here is my code, HTML: <md-list-item class="md-3-line" ng-animate="'animate'" ng-repeat="widget in Widgets | filter : selected"> <div layout="row" layout-margin> <div flex="60"> <img ng-src="{{widget.icon}}" class="md-avatar" alt="{{widget.title}}"> <div class="md-list-item-text"> <h4>{{...

Ripple effect on custom navigation drawer

android,navigation-drawer,material-design
I'm developing my first app providing to it the new material look. I'm a bit lost with this so I'm following some tutorials to implement things like Toolbar, Navigation Drawer, etc. I have to say that I'm doing it providing compatibility to pre-lollipop android versions, so I'm using support libraries....

Background image dimension for Navigation Drawer header

android,graphics,navigation-drawer,material-design
Basically I liked the background used by Mr. Jonathan Lee for Navigation Drawer header back ground in google official link http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content So, I wanted to reproduce something similar inspired by that. I believe I need to make similar design in photoshop and set as background. But the question is, what...

Sliding Menu dont show tabs

android,material-design,slidingmenu
I am kind of new to Android, I am trying to implement an Sliding Menu, so I followed some tutorials and end up with those codes: Activity: public class MercadoriaFormActivity extends AbstractActivity { @Inject MercadoriaService mercadoriaService; @InjectView(R.id.toolbarMercadoria) Toolbar toolbar; @InjectView(R.id.pagerMercadoriaForm) ViewPager pager; @InjectView(R.id.tabsMercadoria) SlidingTabLayout tabs; private MercadoriaFragmentPageAdapter adapter; @Override public...

This Activity already has an action bar supplied by the window decor?

android,xml,android-layout,android-5.0-lollipop,material-design
I am developing an android app in matrial design.I am trying to use toolbar as the action bar of my app.but when run app i crasging & get the errror. Caused by: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_ACTION_BAR and...

Floating toolbar with text selection controls

android,toolbar,material-design,textselection
I was researching all over the web to no avail. My app requires a floating toolbar which appears above a selected text because the default text selection controls are not accessible in a particular case and they also show up oddly in my activity with a translucent status bar and...

CollapsingToolbarLayout not working(collapsing)when scrolled

android,material-design,android-toolbar,androiddesignsupport,collapsingtoolbarlayout
I am trying to create a CollapsingToolbarLayout and below it a listview, when the listview is scrolled the Toolbar should collapse, but its not working when scrolled the Toolbar is not collapsing. Used this tutorial: http://android-developers.blogspot.in/2015_05_01_archive.html Note: The FrameLayout contains the listview <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content"...

CardView Click state not working [closed]

android,material-design,android-cardview
I would like to change the color of Card Item whenever user does tap on any of the item, but nothing happens.. why ? <android.support.v7.widget.CardView android:layout_width="fill_parent" android:layout_height="wrap_content" card_view:cardCornerRadius="3dp" android:layout_marginTop="9dp" android:layout_marginLeft="9dp" android:layout_marginRight="9dp" card_view:cardElevation="0.01dp" android:layout_marginBottom="0dp" android:foreground="@drawable/card_foreground"> ...

How to add a gradient to a ImageView nested in a CollapsingToolbar

android,imageview,android-support-library,material-design,collapsingtoolbarlayout
I'am working on an Android app with material design. I have a detail view with a CollapsingToolbarLayout and a ImageView (works fine so far). Unfortunately the title is not readable if there is a bright image. You can find a screenshot of this issue under this link https://www.dropbox.com/s/jvdbep89yt5yrg5/device-2015-06-17-231603.png?dl=0 (I am...

Translucent Status Bar on Kitkat, Tinted Status Bar on Lollipop

android,android-5.0-lollipop,statusbar,android-4.4-kitkat,material-design
I've searched for a solution, but haven't found one yet. I'm currently in the process of creating an Android app and my team wants to keep the experience of our app the same across the recent Android versions. We're using the Support v7 library, so most of the Material Design...

How to color the status bar with styles attributes in all Android versions?

android,android-5.0-lollipop,compatibility,material-design,android-styles
This is styles.xml <resources> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/primary</item> <item name="colorPrimaryDark">@color/primaryDark</item> <item name="colorAccent">@color/accent</item> <!-- Other attributes --> </style> While this is v21 styles.xml <?xml version="1.0" encoding="utf-8"?> <resources> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item...

Android material tabs w/ appcompat

android,material-design,android-tabs
I want to setup a 'tabbed' application. Looking through all the tutorials including the google docs here: http://developer.android.com/training/implementing-navigation/lateral.html However as I start to go through the docs I get all kinds of deprecated warnings: actionBar.setSelectedNavigationItem(position); I would really like to start off right and use any new non deprecated methods....

Creating and Selecting Angular Material Tab

javascript,angularjs,material-design,angular-material
I am currently using the md-selected property of the md-tabs directive to control which tab is the selected tab. When I create a new tab, I'd like to select the newly created tab. This works in the demo I've included, but throws errors. Is there a better way? js: $scope.addTab...

What is the recommended material design toolbar height in landscape

android,material-design
For holo design, the recommended action bar height is 40dp during landscape according to Jake Wharton : http://stackoverflow.com/a/7181591/72437 I was wondering, for material design, what is the recommended toolbar height? I can't find any info in Google design guideline : http://www.google.com/design/spec/components/toolbars.html The reason I'm asking so, as I'm getting an...

Material transition design for android

android,android-fragments,material-design,android-transitions
I have this application which consists of 1 activity and 1 fragment inside it. Let's name it Fragment A. So Fragment A consists of 3 buttons BtnA, BtnB and BtnC. When I click on BtnA in Fragment A, Fragment B will replace this Fragment A. Inside Fragment B, I will...