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 to work. Felt like a hack so I am not sure if this is really the right way to do it. <Button android:id="@+id/apply" style="?android:attr/borderlessButtonStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/md_cyan_A700" android:text="Cancel"/> So I used 'borderlessButtonStyle' to

I have a main activity with a drawer that have a container layout where I replace each fragment with FragmentManager . I want to add a FAB to one of my child fragments that hide/show on scroll but Im not sure what Im doing wrong and get: Layout: <?xml version="1.0" encoding="utf-8"?> <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"> <android.support.design.widget.AppBarLayout android:id="@+id/appBar" android

I have a couple Angular components that route back and forth to one another. They both have mat-form-field 's. In one component, I am overriding the styling of the underline component like so: ::ng-deep .mat-input-underline { display: none; } When I click on the link to go back to the other component, the styling as defined as above carries over and the underline components are gone. I tried to add styling like: ::ng-deep .mat-input-underline { display: revert; //or display: unset; //or display: initial; } But none of them work. How can I override the material design styling on just one

I had a problem with toolbar and status bar. I change the app styles to AppCompat. My styles are: for values/styles.xml <style name="AppTheme" parent="Theme.AppCompat"> <item name="colorPrimary">@color/color_primario_500</item> <item name="colorPrimaryDark">@color/color_primario_500</item> <item name="android:windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> </style> for values-v21/styles.xml: <style name="AppTheme" parent="AppTheme.BaseGps"> <item name="android:windowContentTransitions">true</item> <item name="android

I have trouble to align default material buttons with other elements of the UI. In fact I have looked at the Android source code and the background for the buttons contains insets to be able to draw the shadow and deal with the elevation of the button when clicked: <inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetLeft="@dimen/abc_button_inset_horizontal_material" android:insetTop="@dimen/abc_button_inset_vertical_material" android:insetRight="@dimen/abc_button_inset_horizontal_material" android:insetBottom="@dimen/abc_button_inset_vertical_material"> <shape

I am currently using Material Design TextInputLayout OutlinedBox as shown below: <android.support.design.widget.TextInputLayout style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.design.widget.TextInputEditText android:id="@+id/myEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Title" android:inputType="text"/> </android.support.design.widget.TextInputLayout> I am trying to add a dropdown box Spinner under my TextInputEditText, and would

I have some problems using Material Design Lite ( getmdl.io ). I followed the steps showed in the getmdl.io web in order to install it (actually I use bower), but I always have the same problem, when I change the ng-route in my web, some resources don't render properly, I need to reload the page to get it properly rendered, for example. First I have this: then when I reload, I get what I want: What I cant understand is why other resources like google icons or buttons work correctly but the menu button on the nav bar and other resources like this one need to reaload the page in order to render