material-design

How do I change the appearance of the selected button in a row of Material Design buttons?

穿精又带淫゛_ 提交于 2020-01-05 02:46:07
问题 I have a HTML table and in several rows I have a Material Design button in each cell, dynamically generated using AngularJS. <table class="plans"> <tbody> <tr> <td>Work Plans</td> <td ng-click="pbmainController.selectPlan(plan.planName)" ng-repeat="plan in pbmainController.planList"> <md-button class="md-raised">{{plan.planName}}</md-button> </td> </tr> </tbody> </table> Only one of button can be selected at a time (i.e. like a radio button). How do I change the color of the selected button?

Runtime Error while using AppCompatActivity instead of Actionbar

不问归期 提交于 2020-01-05 01:38:09
问题 I am using the AppCompatActivity library to make support all the devices. After upadting the android-support-v7-appcompat library i am facing issue. But i am facing an error during run-time. I am using eclipse studio to code for android project. Any help will be appreciated. Below is my error ,and i am getting no idea where i am going wrong. ** ERROR ** E/AndroidRuntime(6899): FATAL EXCEPTION: main E/AndroidRuntime(6899): java.lang.RuntimeException: Unable to start activity ComponentInfo{com

Runtime Error while using AppCompatActivity instead of Actionbar

送分小仙女□ 提交于 2020-01-05 01:38:07
问题 I am using the AppCompatActivity library to make support all the devices. After upadting the android-support-v7-appcompat library i am facing issue. But i am facing an error during run-time. I am using eclipse studio to code for android project. Any help will be appreciated. Below is my error ,and i am getting no idea where i am going wrong. ** ERROR ** E/AndroidRuntime(6899): FATAL EXCEPTION: main E/AndroidRuntime(6899): java.lang.RuntimeException: Unable to start activity ComponentInfo{com

Change the color for the Angular Material Design label text (Angular 1.3.0 & ngMaterial 0.11)

柔情痞子 提交于 2020-01-04 06:32:09
问题 I have a setup an AngularJS app (1.3) with Angular Material (v10.1) - when I click into a input field (eg it is in focus) that is setup to use Material Design the label text changes to the default colour of blue - I want to change this to a color of my choice how is the best way to do this. <md-input-container class="md-block"> <label>Name</label> <input required> </md-input-container> Once I focus on the input field above the label changes the colour of the text 'Name' to blue - what is the

Material Design on Nexus 5 with Android L

老子叫甜甜 提交于 2020-01-04 04:37:05
问题 My app crashes on Android L but it works on android kitkat. Also There is no RippleDrawable on the layout. Here is Exception and layout ; Xml Layout : <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/page_background"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="30dp"

Android material theme alpha color issue

我的未来我决定 提交于 2020-01-04 04:08:05
问题 I have create one app with build version 5.0 I have write theme below <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimaryDark">@color/actionbar_color</item> <item name="colorPrimary">@color/actionbar_color</item> <item name="colorAccent">@color/actionbar_yellow_color</item> <item name="android:windowContentOverlay">@null</item> <item name="android:textColorPrimary">@color/edit_text_color</item> <item name="android:windowBackground">@drawable/ic_app

Implementing RecyclerView with collapsing toolbar layout

时光毁灭记忆、已成空白 提交于 2020-01-04 03:55:07
问题 I'm trying to implement RecyclerView with collapsing toolbar,but i'm facing the problem as RecyclerView comes upward on collapsing toolbar.What i want to acheive that it should be down and comes up with collapsing toolbar. please help? Below is the image what i'm currently getting the result. here 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" xmlns:tools="http://schemas

Angular material design md-tab scroll content

元气小坏坏 提交于 2020-01-03 19:01:03
问题 This might be a simple issue, but I'm new to this... I am trying to have an md-tabs element that takes the entire screen, and have only the tabs' content scroll. Here is an example on jsFiddle Any ideas? thx! 回答1: Try this: <body ng-cloak layout="column" ng-controller="AppController as app"> <md-toolbar layout="row" class="md-toolbar-tools"> <h1>Welcome!</h1> </md-toolbar> <div layout="column" flex> <md-tabs md-stretch-tabs="always" flex> <md-tab label="Tab1"> add our larger-than-life content

Angular material design md-tab scroll content

核能气质少年 提交于 2020-01-03 18:59:14
问题 This might be a simple issue, but I'm new to this... I am trying to have an md-tabs element that takes the entire screen, and have only the tabs' content scroll. Here is an example on jsFiddle Any ideas? thx! 回答1: Try this: <body ng-cloak layout="column" ng-controller="AppController as app"> <md-toolbar layout="row" class="md-toolbar-tools"> <h1>Welcome!</h1> </md-toolbar> <div layout="column" flex> <md-tabs md-stretch-tabs="always" flex> <md-tab label="Tab1"> add our larger-than-life content

Dumping AppCompat for API 21

和自甴很熟 提交于 2020-01-03 18:49:29
问题 So I'm creating an app that is Lollipop 5.0 API 21 and up with zero interest in supporting older devices. Do I still need the appcompat library when using Material Design like UI elements & layouting (sidebar aka nav bar, ink, etc) ? When stripping it down I often encounter crashes when trying to move away from the AppCompat stuff. Changing activity types from the AppCompat one to the Normal one, I end up with problems regarding dependencies on layout types like the coordinator layout that