material-design

Strange behaviour in Material datepicker

偶尔善良 提交于 2019-12-10 16:24:36
问题 I'm trying to use materialize date picker (http://materializecss.com/forms.html). With that, I want to popup the date picker when I click on an icon. I have implemented two implementations where the only difference between the two is putting an alert('clicked') with the code. without the alert('clicked') : http://jsfiddle.net/1bnnkhbw/ with the alert('clicked') : http://jsfiddle.net/1bnnkhbw/1/ The second one works while the first one doesn't.. (in chrome)!!! Anybody knows the reason for this

Custom edit text with borders [duplicate]

我的未来我决定 提交于 2019-12-10 15:28:50
问题 This question already has answers here : Outlined Edit Text from Material Design (5 answers) Closed 4 months ago . I am trying to put borders on edit text and put a label on it. I have made the border like this : <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="1dp" android:color="#A0A0A0" /> </shape> but I am not able to achieve my desired result. I want something like below : please help. 回答1: Try this: <?xml

Disable globally ripple effect angular 2 app

非 Y 不嫁゛ 提交于 2019-12-10 14:34:23
问题 I have an app which is using material 2, i would like to globally disable the ripple effect for all components or directives that use it. I don't want to do this overriding css classes. One thing that comes in my mind is creating a directive which can extend MdRipple and then override its properties, not sure tho. I would like to know your opinion or example how this can be done in the right way. 回答1: Import ripple specific token and interface import { MD_RIPPLE_GLOBAL_OPTIONS,

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

三世轮回 提交于 2019-12-10 14:31:47
问题 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

How to change android status bar color to white and status bar icon color to grey

拜拜、爱过 提交于 2019-12-10 14:11:55
问题 i am trying to change color of my status bar to white with grey icons. i have tried almost every code solution for this problem but non of them worked for me. i am using this java fucntion to change it and i am also posting my style(21) code. public static void statusBarColor(Window window, Context ctx) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //Window window = getActivity().getWindow(); window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

mat-error not displaying error message angular 5

北城余情 提交于 2019-12-10 14:00:52
问题 Problem is error message is not getting displayed even if i leave the filed blank and move to another field. I am unable to find what i am doing wrong here. Any help would be highly appreciated. if i put a breakpoints on onFormValuesChanged() it never hits the breakpoints. i have tried moving the build part of from inside the constructor but don't have any impact. I am not sure if the form's value change event is triggered or not when field value is changed angular ver : - 5.2.1 HTML Code

Material-UI: the shadows array provided to createMuiTheme should support 25 elevations

丶灬走出姿态 提交于 2019-12-10 13:47:55
问题 I'm trying to get rid of shadows in the Material-UI theme. I found this answer here with fixed the problem. However I get the error message in the title of this question. const theme = createMuiTheme({ palette: { primary: { light: red[300], main: red[500], dark: red[700] }, secondary: { light: red.A200, main: red.A400, dark: red.A700 } }, shadows: ['none'] }); Error: browser.js:49 Warning: Material-UI: the shadows array provided to createMuiTheme should support 25 elevations. I found this

materialize best practice validate empty field

妖精的绣舞 提交于 2019-12-10 13:38:56
问题 i use this form <div class="row"> <form class="col s12"> <div class="row"> <div class="input-field col s12"> <input id="email2" type="email" class="validate"> <label for="email2" data-error="wrong" data-success="right">Email</label> </div> <div class="input-field col s12"> <input id="example" name="example" type="text" class="validate" required="" aria-required="true"> <label for="example" data-error="wrong" data-success="right">Field</label> </div> </div> </form> </div> mail field is ok. if

How to disable floating while showing error in TextInputLayout

做~自己de王妃 提交于 2019-12-10 13:19:52
问题 <android.support.design.widget.TextInputLayout android:id="@+id/productLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:errorEnabled="true"> <EditText android:id="@+id/product" android:layout_width="match_parent" android:layout_height="@dimen/margin_padding_width_height_6" android:cursorVisible="false" android:drawableRight="@drawable/ic_arrow_down" android:focusableInTouchMode="false" android:hint="@string/product" android:inputType="none" android

Flutter FilterChip Avatar Selected Style

时光总嘲笑我的痴心妄想 提交于 2019-12-10 13:19:22
问题 I'm using FilterChip with a CircleAvatar for avatar, but the selected state has a nasty rectangle that I can't seem to find any reference for. How do I remove it? Code: child: FilterChip( avatar: CircleAvatar( backgroundColor: category.color ), label: Text(category.name), selected: badCategoryIds.contains(category.id), onSelected: (bool value) { if (value) { badCategoryIds.add(category.id); } else { badCategoryIds.remove(category.id); } categoryChoiceCallback(badCategoryIds); }, ) Result: How