material-design

问题 I am trying to increase the size of carousel in materialize.css but couldn't get it. I have tried setting height but it didn't work. I googled it but couldn't find any solutions. Could anyone help me with this? 回答1: .carousel .carousel-item { width:300px !important;} this might help, place this code in your css and change width acording to your need. 回答2: Set a minimum height that correlates to the actual height of the images you want to include. For me, that was 900px. .carousel { min-height

问题 I there any way to reduce the distance between the title text and the icon of TabLayout like in Google plus where the icons and text title have at least no distance. I have searched , but couldn't find anyway till now. EDITED This is how I am setting icon and title: tabLayout.getTabAt(3).setIcon(R.drawable.ic_more_horiz_white_24dp); tabLayout.getTabAt(3).setText("More"); And this is my TabLayout : <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match

问题 I am trying to center an input text using Materialize CSS but the "center" and "center-align" classes seem to have no effect. I cannot figure out what am I missing here <div class="section"> <div class="row center-align"> <div class="input-field col s3 center-align"> <input id="email" type="email" class="validate"> <label for="email">Email</label> </div> </div> <div class="row"> <div class="input-field col s3 center-align"> <input id="password" type="password" class="validate"> <label for=

问题 I am trying to center an input text using Materialize CSS but the "center" and "center-align" classes seem to have no effect. I cannot figure out what am I missing here <div class="section"> <div class="row center-align"> <div class="input-field col s3 center-align"> <input id="email" type="email" class="validate"> <label for="email">Email</label> </div> </div> <div class="row"> <div class="input-field col s3 center-align"> <input id="password" type="password" class="validate"> <label for=

问题 I am trying to center an input text using Materialize CSS but the "center" and "center-align" classes seem to have no effect. I cannot figure out what am I missing here <div class="section"> <div class="row center-align"> <div class="input-field col s3 center-align"> <input id="email" type="email" class="validate"> <label for="email">Email</label> </div> </div> <div class="row"> <div class="input-field col s3 center-align"> <input id="password" type="password" class="validate"> <label for=

问题 how to pick a time using material:1.3.0-alpha01, I am looking time picker following screenshot, which I found in material io. I tried date picker is working Material Date picker //Creating a MaterialDatePicker.Builder instance that gives us a single date selector. val builder : MaterialDatePicker.Builder<*> = MaterialDatePicker.Builder.datePicker() // 1 //Building-up the MaterialDatePicker by calling a builder.build function val picker : MaterialDatePicker<*> = builder.build() // 2 //Display

问题 how to pick a time using material:1.3.0-alpha01, I am looking time picker following screenshot, which I found in material io. I tried date picker is working Material Date picker //Creating a MaterialDatePicker.Builder instance that gives us a single date selector. val builder : MaterialDatePicker.Builder<*> = MaterialDatePicker.Builder.datePicker() // 1 //Building-up the MaterialDatePicker by calling a builder.build function val picker : MaterialDatePicker<*> = builder.build() // 2 //Display

问题 how to pick a time using material:1.3.0-alpha01, I am looking time picker following screenshot, which I found in material io. I tried date picker is working Material Date picker //Creating a MaterialDatePicker.Builder instance that gives us a single date selector. val builder : MaterialDatePicker.Builder<*> = MaterialDatePicker.Builder.datePicker() // 1 //Building-up the MaterialDatePicker by calling a builder.build function val picker : MaterialDatePicker<*> = builder.build() // 2 //Display

问题 I am trying to style one of the options for date time pickers found in material ui. I made a styled Input I liked, and was trying to use that as a base. Adding the type="datetime-local" prop to the component adds the functionality I need, but I can't find a way to style the icon button and the dialog. Here is my experiment in code sandbox: The code for the component looks like this: <Paper component="form" className={classes.paper} elevation={0}> <InputBase className={classes.input} type=

问题 I am trying to style one of the options for date time pickers found in material ui. I made a styled Input I liked, and was trying to use that as a base. Adding the type="datetime-local" prop to the component adds the functionality I need, but I can't find a way to style the icon button and the dialog. Here is my experiment in code sandbox: The code for the component looks like this: <Paper component="form" className={classes.paper} elevation={0}> <InputBase className={classes.input} type=