material-design

What's the right way to float right or left using the material-ui appbar with material-ui-next?

心不动则不痛 提交于 2021-02-05 19:07:32
问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

What's the right way to float right or left using the material-ui appbar with material-ui-next?

和自甴很熟 提交于 2021-02-05 19:01:04
问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

What's the right way to float right or left using the material-ui appbar with material-ui-next?

微笑、不失礼 提交于 2021-02-05 19:00:45
问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

Does not hide BottomAppBar when scrolling

时光毁灭记忆、已成空白 提交于 2021-01-29 11:36:24
问题 I can't figure out how to hide the BottomAppBar while scrolling the ViewPager content. One of the fragments for ViewPager looks like this: <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/days_fragment" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <androidx.recyclerview.widget

Referencing MainWindow's content in MaterialDesign's DialogHost

荒凉一梦 提交于 2021-01-29 11:17:02
问题 I'm developing a WPF application using Material Design in XAML library. I'd like to use a dialog box to display error messages. In the documentation I've read that in order to dimm and disable content behind the dialog box I have to put it in the DialogHost tag, right after DialogHost.DialogContent This is what I have right now: <Window> <md:DialogHost> <md:DialogHost.DialogContent> Content of my dialog box </md:DialogHost.DialogContent> My window's content wrapped in grid. </md:DialogHost> <

Ripple effect pure css transparent

末鹿安然 提交于 2021-01-29 08:46:16
问题 I'm trying to create a pure CSS ripple effekt like this one: https://codepen.io/finnhvman/pen/jLXKJw Except that I want to use transparent white as background color to be able to use the button on different backgrounds. My only problem is, that the ripple effect always seems to be the wrong way around: instead of a lighter circle expanding, the background becomes light on click and the circle which expands is the darker color. My coding looks like this: .background{ width: 150px; display:

Change background color of ListTile upon selection and custom height of tiles flutter

落花浮王杯 提交于 2021-01-29 07:07:23
问题 I've made a GridView , but now I have some ListTiles in this GridView that I need to be selected Upon selection, I want the background color to change. And I am also facing one more issue, I want to custom the heights of these ListTile , but I am not getting any success to do so. I am gonna attach the picture the output that I am getting and the output that I want. What I am getting: What I want: Here is the code: class _SelectLanguageNewState extends State<SelectLanguageNew> { List<Results>

Change background color of ListTile upon selection and custom height of tiles flutter

自闭症网瘾萝莉.ら 提交于 2021-01-29 06:56:41
问题 I've made a GridView , but now I have some ListTiles in this GridView that I need to be selected Upon selection, I want the background color to change. And I am also facing one more issue, I want to custom the heights of these ListTile , but I am not getting any success to do so. I am gonna attach the picture the output that I am getting and the output that I want. What I am getting: What I want: Here is the code: class _SelectLanguageNewState extends State<SelectLanguageNew> { List<Results>

Material TextInputLayout styles are not working

北慕城南 提交于 2021-01-29 03:24:52
问题 Material TextInputLayout styles are not working. I followed the documentation on material textinputlayout here: https://material.io/develop/android/components/text-input-layout/ <com.google.android.material.textfield.TextInputLayout style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:hint="@string/app

Material TextInputLayout styles are not working

末鹿安然 提交于 2021-01-29 03:20:49
问题 Material TextInputLayout styles are not working. I followed the documentation on material textinputlayout here: https://material.io/develop/android/components/text-input-layout/ <com.google.android.material.textfield.TextInputLayout style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:hint="@string/app