material-design

The paper-header-panel or the paper-drawer-panel won't take the whole top edges of the browser window

由 风格不统一 提交于 2019-12-11 11:55:54
问题 Hello I am studying Google's Polymer I followed their guide about Responsive Material Design Layouts But I just noticed that the paper-drawer-panel won't take the whole edge of the top part of the browser window. It has a bit of a gap. Here's my code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Layout</title> <script src="bower_components

Add a TextView to the elements of a Toolbar

由 前提是你 提交于 2019-12-11 10:39:28
问题 I have made a material design toolbar. The menu item includes a cart. I want a number to be shown along with the cart icon indicating the number of items present in the cart. toolbar.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" android:minHeight="?attr/actionBarSize" android:theme="@style

Android MaterialDialog Spinner

由 强颜欢笑 提交于 2019-12-11 10:36:21
问题 I'm using MaterialDialog.Builder to show a dialog. I set a customView for my dialog. In my layout i have a spinner and i want to populate it form my sqlite database when i show the dialog. The callback function only works when i push those buttons. Is there a function that i can use before dialog shows and use the layout that i set to append the spinner ? My code is like : boolean wrapInScrollView = true; new MaterialDialog.Builder(mContext) .customView(layout, wrapInScrollView) .autoDismiss

How to change color border bottom blue line to green green line in select field using react js?

由 老子叫甜甜 提交于 2019-12-11 10:34:32
问题 I am using the select field from material UI react When I select any item from the field I face two issues: Border bottom line become blue and background color become gray. I need to change Border bottom line to green and background color to white. here is my code https://codesandbox.io/s/zqok7r3x63 <FormControl className={classes.formControl}> <InputLabel required htmlFor="age-native-simple" FormLabelClasses={{ asterisk: classes.labelAsterisk, root: classes.labelRoot, focused: classes

Material Design and appcompat not working on older API versions

由 Deadly 提交于 2019-12-11 10:23:12
问题 I am using appcompat v7 (23.1.1) for a MaterialDesign backward compability. On a API 21 device it looks nice. On older API versions nothing of my styles is affecting. Why? Result in API 21 (goal): Result in API 17 (bad): Here is my style.xml inside values folder: <resources> <!-- Base application theme, dependent on API level. This theme is replaced by AppBaseTheme from res/values-vXX/styles.xml on newer devices. --> <style name="AppBaseTheme" parent="Theme.AppCompat.Light"> <!-- Theme

MaterialDesignXamlToolkit wpf dialoghost buttons are disabled when opened

由 情到浓时终转凉″ 提交于 2019-12-11 09:49:36
问题 I am using the MaterialDesignThemes nuget package along with the Mahapps.Metro package I have this DialogHost <material:DialogHost Name="PopupAddCustom" HorizontalAlignment="Center" VerticalAlignment="Center" IsOpen="False" > <material:DialogHost.DialogContent> <StackPanel Margin="16" Orientation="Vertical"> <Label Content="Add custom date" FontSize="16" /> <DatePicker /> <StackPanel Orientation="Horizontal"> <Button Content="ACCEPT" Style="{DynamicResource MaterialDesignFlatButton}"

Why don't AppCompat v21 SearchView styles work in my app?

由 百般思念 提交于 2019-12-11 09:14:51
问题 I am trying to follow the "SearchView Widget" section in this blogpost to style my SearchView. I have added searchIcon , queryBackground and submitBackground values in my res/values-v21/styles.xml but the styles don't seem to apply: I am posting the code of the SSCCE and also posting the zipped eclipse project here , in case somebody will like to try it. SSCCE res/values-v21/styles.xml <?xml version="1.0" encoding="utf-8"?> <resources> <style name="AppTheme" parent="AppBaseTheme"> <!-- <item

Styling BottomNavigation in React.js Material-UI

由 隐身守侯 提交于 2019-12-11 09:07:32
问题 How do I change the color of the icon and text of the selected link (Home in this example) to red and the color of the icon and text of the inactive links (Course and Authors in this example) to green? The docs are very thin. class MyBottomNavigation extends Component { render() { return ( <Paper zDepth={1}> <BottomNavigation selectedIndex={this.state.selectedIndex}> <BottomNavigationItem label="Home" icon={recentsIcon} /> <BottomNavigationItem label="Course" icon={favoritesIcon} />

Why does the material-icons i element overlap the adjacent input element?

由 ℡╲_俬逩灬. 提交于 2019-12-11 07:58:00
问题 I am not sure if this is a material related code or not. But if you see this code, you'll find that the width of the i element is wider than that displayed by the red border. You cannot navigate to the beginning of the text input as it still points to the material icon, help_circle. <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet' type='text/css'/> <style type="text/css"> div.tipped

How to get radio buttons work correctly for materialize css design

由 核能气质少年 提交于 2019-12-11 07:45:44
问题 here is the source code used for the portion of radio button. if I add materialize.min.css, then the radio button is not working on any browser. if I just put this code in online tester without put css file in. the code is working. what is going on for the radio button while using materialize css design? <div class="row"> <form class="col s12"> <h1 class="grey-text text-lighten-5">Tool Inventory Report</h1> <div class="row"> <div class="input-field col s8"> <p class="grey-text text-lighten-5"
订阅 material-design