Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
31 views

Are GUID-based fragment identifiers in Material Design documentation stable enough for long-term referencing?

We would like to use a link from our documentation to the Material Design documentation with a hyperlink containing a "fragment identifier," such as https://m3.material.io/components/top-app-...
user61253764's user avatar
1 vote
0 answers
22 views

How do I "properly" use Material 3 Design Tokens in Web Development?

I've recently switched from M2 to M3 and would like to make use of Design Tokens now, as described here: https://m3.material.io/styles/color/static/baseline#c9263303-f4ef-4a33-ad57-7d91dc736b6b ...
Sarah's user avatar
  • 11
0 votes
0 answers
12 views

How to modify style of MaterialDataPicker?

I try to modify style of MaterialDataPicker which is showed in attached figure. I using xml style file, but every modifies that I try doesn't work. This is my xml style, when I set simple style to ...
Gabriele Troviso's user avatar
1 vote
0 answers
35 views

How to change rounding of the Android Material range sliders

I haven't found any information on how to change both the active and inactive tracks corner rounding for Android Material range sliders ; how do I do that or work around it? I have read: Android ...
xxfogs's user avatar
  • 79
0 votes
1 answer
86 views

mwc-textfield input pattern not working for backslash or vertical bar

I am trying to add a pattern to a mwc-textfield input to filter a file name. My pattern seems to be valid js regex and seems to work on a html input but does not as a pattern on a mwc-textfield. I ...
Harry's user avatar
  • 49
0 votes
1 answer
129 views

ShapeableImageView - Changing height results in cut-off corners when applying new ShapeAppearanceModel

My app needs to support multiple corner radius/aspect ratio combination presets which may be displayed in different orders depending on the user profile being displayed. For example, preset A has ...
Cole Tustin's user avatar
4 votes
4 answers
377 views

BottomSheetDialog with EditText (Remove background under keyboard)

I have a BottomSheetDialog that functions as a comment section. At the bottom of it, there is an EditText view that enables users to add a new comment. The issue arises when the keyboard appears—...
Miha M's user avatar
  • 271
0 votes
1 answer
166 views

How to Make Enter Key Behave Like Tab for Focus Change in Material-UI Dialog Inputs

I'm working on a React project using Material-UI, and I've run into a challenge with input focus management within a dialog. My dialog consists of several input fields, and I want to alter the default ...
Marco Guevara's user avatar
1 vote
2 answers
290 views

How do I use M3 dynamic colors in my app's launcher icon?

I want to use M3 colors like ?attr/colorPrimary in my app's launcher icon. I know this is possible because my phone's Settings app does it. I've looked around quite a bit and couldn't find anything ...
Sujit's user avatar
  • 1,762
0 votes
1 answer
526 views

How to override Material UI theme if we have 2 dialog boxes with different properties?

I am using Nextjs with Material UI. I have 2 dialog boxes with different styles but I don't know how to override theme for both by using createTheme. First dialog box have width 200px and the second ...
coder's user avatar
  • 1
0 votes
1 answer
60 views

Getting "uncaught type error" when trying to instantiate MDCSlider (pure JavaScript)

Following the offical instructions I cannot get an MDCSlider working. It displays but does not react (Tried Chrome, Firefox, Edge). Full stack trace: caught TypeError: Cannot read properties of ...
NotARobot's user avatar
0 votes
1 answer
138 views

Enable/Disable button when TextField has input inside a BottomSheet

I want to have a simple TextField and a TextButton inside a BottomSheet. The TextButton should only be enabled if there is some text in the TextField. However it only enables/disables the button when ...
Tiago Fernandes's user avatar
0 votes
1 answer
1k views

Button with icon and text in Material 15

I hope its a simple question - how can I define a button with icon and text in material 15 <button mat-button> <mat-icon>keyboard_arrow_left</mat-icon> Back To Home </button&...
Juri's user avatar
  • 1,701
0 votes
1 answer
72 views

why must i delay the badge attach process?

I cannot find a way to attach a badge to new layout objects. with BadgeDrawable.create, The badges work when the corresponding object is present in the layout xml, but they are not displayed for ...
Massimiliano Carosi's user avatar
1 vote
0 answers
191 views

How to set surface+x%primary colors in xml layout

In official Material Design 3 resources do not specify how to use these (surface+x%primary) colors in xml layouts. I tried using these colors in code: protected void onCreate(Bundle savedInstanceState)...
Hayden Ghoul's user avatar
2 votes
1 answer
298 views

How to supply an image to create and apply a dynamic content based color scheme?

The Material 3 Design guidelines describes the option of theming based on content (instead of theming based on the current wallpaper of the user). See below for the section: https://m3.material.io/...
Pujie's user avatar
  • 51
2 votes
2 answers
3k views

Material Design 3 DialogFragment is not styled like Dialogs using MaterialAlertDialogBuilder

I have migrated migrated to Material Design 3 and notice that the DialogFragments are not styled like dialogs created using MaterialAlertDialogBuilder. Do you need to add customized styling to ...
nork's user avatar
  • 41
0 votes
1 answer
334 views

Inexplicable Error When Starting React Native Project - TypeError: undefined is not an object (evaluating '_MaterialIcons.default.propTypes.style')

I was working in my project with no problem, the last thing I had installed was the react-native-video-player and all was working well. I ran into a normal error, I think it was a typo I had just ...
user avatar
0 votes
1 answer
641 views

How to dynamically create a Material 3 Tonal Button?

I have tried a number of variations of new MaterialButton(context) including new MaterialButton(new ContextThemeWrapper(context, R.style.Widget_Material3_Button_TonalButton)) but it always results in ...
user959631's user avatar
2 votes
0 answers
606 views

Custom Navigation Icon not visible Material Toolbar Android

I am using Material Design Components, each fragment in my app has a seperate Toolbar Fragment Owned Toolbar I am having issue setting the custom drawable as the navitaion icon using xml attribute. In ...
Chandra Shekhar's user avatar
0 votes
1 answer
77 views

TextInputLayout InputType.TYPE_TEXT_VARIATION_PASSWORD showing password by default

I created alert dialog with TextInputLayout programmatically in fragment. I need to hide password by default, TextInputLayout has toggle button and it is working as expected hide/show on click. I ...
Ritu's user avatar
  • 678
3 votes
1 answer
2k views

What is the correct way to use typography in Material Design 3?

In material design 3, there are 15 types of typography tokens: textAppearanceDisplayLarge (57sp) textAppearanceDisplayMedium (45sp) textAppearanceDisplaySmall (36sp) textAppearanceHeadlineLarge (32sp)...
Taha Sami's user avatar
  • 1,669
1 vote
1 answer
1k views

Material ui Component "Select" does not set the chosen item. Selected item doesn't stay selected, and it renders very small

I got a help last week and I have 50% working of Select Component of Material ui V.5.0 and React 18.0. The list of Select is working properly with map function. The thing is that the selected item ...
Flavio Rocha 2018's user avatar
0 votes
3 answers
2k views

Material ui Select component is not working - "Error: choices.map is not a function"

I'm struggling to have a select component to drop down a list of states(of Brazil), where I could use in several forms inside the application(clients,suppliers, etc.). So, I made a Select component ...
Flavio Rocha 2018's user avatar
1 vote
0 answers
116 views

MaterialTimePicker with all-day support - Android Material Components

Does anyone know of a fork of the material-components-android repo (or similar library) that implements an "All day" checkbox, or better yet, an All-day + time range selection feature? Right ...
Sean Blahovici's user avatar
5 votes
1 answer
2k views

Material 3 materialThemeOverlay produces bright pink button with no theme

I am migrating from M2 to M3 and my basic materialThemeOverlay no longer works. I follow the code at the bottom of the doc closely, it matched pretty much what I had for M2: styles.xml <style name=&...
Daniel Wilson's user avatar
1 vote
0 answers
1k views

Material design 3 top-app bar is hiding when scroll up?

I am using the Material design 3 android plugin top-app bar is hiding when scrolling up? Ref this screenshot, it is working in material design, not md3. Plz help me, with how to fix here is my full ...
Bolt UIX's user avatar
  • 6,862
0 votes
2 answers
765 views

Chip Drawable giving error in Material UI 3 Android Kotlin

hey I am working in android with material ui 3. I am getting error when I used this code. I am trying to set style through programmatically and I am getting error. I want to create tag through using ...
Vivek Modi's user avatar
  • 6,389
5 votes
1 answer
5k views

What exactyle is ownerState in Material UI?

I clone a Material-dashboard repository from gitHub to practice the Material UI library. when i was looking the code I found the ownerState prop and i'm confuse that is it custom prop or provided by ...
Kashif Ali's user avatar
1 vote
1 answer
181 views

Building Material Components Repo Locally - patch' is not recognized as an internal or external command

I have forked Angular Material repo from https://github.com/angular/components, and cloned it. I have Yarn, Node and Bazel installed per DEV_ENVIRONMENT.md in the repo. I have also installed MSYS2 ...
usalin's user avatar
  • 141
1 vote
1 answer
2k views

How can I view MUI library of components and API's offline?

I want to be able to view MUI's components library and api docs on my mac while I'm offline. I was given the below instructions by MUI support This is what I put into my terminal. git clone https://...
Nephter's user avatar
  • 147
2 votes
0 answers
747 views

Android 12 and material you detection

I'm trying to update my theme with the new Material You, it's working when I select a color in Android parameter (Screenshot red part) but when I disable it (blue part) I've got the default value ...
Cyrille's user avatar
  • 427
0 votes
1 answer
140 views

Why doesn't android:colorBackground work on some devices?

<resources> <style name="Theme.MyApplication" parent="Theme.MaterialComponents.Light"> <item name="android:colorBackground">#26A69A</item&...
Taha Sami's user avatar
  • 1,669
1 vote
0 answers
148 views

Understanding MDC in Android

I'm new to MDC and I want to understand below attributes colorPrimary colorPrimaryVariant colorOnPrimary colorSecondary colorSecondaryVariant colorOnSecondary colorSurface colorOnSurface ...
Taha Sami's user avatar
  • 1,669
1 vote
1 answer
579 views

MaterialComponents CheckBox, how to keep the icon's original colors

I've recently changed my app's theme from Theme.AppCompat to Theme.MaterialComponents, and need to stop my CheckBox views from painting over the icon drawable colors. MaterialComponents views normally ...
PM4's user avatar
  • 664
2 votes
1 answer
880 views

how to fit buttons size in Button Toggle Group

My design contains a button group which choices, example: I want to achieve this buttons being stretched equally to the width of a Button Toggle Group like here on the photo: I tried to add ...
Hexley21's user avatar
  • 624
5 votes
2 answers
1k views

Android iconGravity not working for MaterialButton with CircularProgressIndicator

I've created a custom view that extends MaterialButton that replaces the drawable with a CircularProgressIndicator when it's loading. However when I replace the drawable with the ...
Wirling's user avatar
  • 5,305
2 votes
1 answer
748 views

Android Material Tab Layout indicator with round corners

How to make material Tab Layout indicator with round corners Ref image
Bolt UIX's user avatar
  • 6,862
8 votes
2 answers
952 views

TextInputLayout hint doesn't get refreshed upon recreate() method call

I'm using TextInputLayout. I set it's hint from string.xml to apply localization. So after changing the language from the drop down I use recreate() method which refreshes the whole activity ...
Feroz Khan's user avatar
  • 2,766
0 votes
1 answer
1k views

CollapsingToolbarLayout Showing padding bottom in ImageView

When using android:fitsSystemWindows="true" and android:adjustViewBounds="true" together for ImageView in CollapsingToolbarLayout its give padding to ImageView at bottom and i am ...
Burhan Khanzada's user avatar
2 votes
1 answer
1k views

MDCOutlinedTextArea difficulties in settings up height and margins

I'm creating a MDCOutlinedTextArea and adding it to a container view, wit the following code: let textArea = MDCOutlinedTextArea(frame: container.frame) textArea.label.text = placeholder ...
R. Campos's user avatar
  • 957
0 votes
0 answers
289 views

How to wrap ViewController content inside MDCTabBarView container?

I'm trying to implement a MDCBottomNavigationBar which contains a MDCTabBarView, which in turn contains 2 other views (shown as tabbed). In my main controller I create the 4 controllers for the menu ...
iosmatjey's user avatar
0 votes
1 answer
80 views

How to get absolute position of clicked tr?

I'm using the menu from Material. I want to make a dropdown menu when the user is right-clicking on tr, but the menu pops at the table header position. (X coordinate works properly, but Y coordinates ...
PoorStudent's user avatar
2 votes
0 answers
812 views

MaterialComponents show error in xcode 12.2

I am using pod 'MaterialComponents/TextControls+OutlinedTextFields' in Xcode 11.3 that is working fine, but same code run in Xcode 12.2 that is so error on import MaterialComponents....
Chetan's user avatar
  • 51
1 vote
0 answers
215 views

How to use MDCSnackbar on iOS 13?

I am trying to use MDCSnackBar on my app. my code let message = MDCSnackbarMessage() let action = MDCSnackbarMessageAction() let actionHandler = {() in let ...
stainkiller's user avatar
1 vote
1 answer
235 views

Button under an AppCompatActivity isn't change to AppCompatButton automatically on runtime?

It's said Button will be transferred to AppCompatButton under AppCompatActivity, but I just found that's not happening for me. The same issue as here Android Button background color not changing. I ...
BollMose's user avatar
  • 3,418
1 vote
1 answer
317 views

Where does android get complementary colors from? @color/mtrl_text_btn_text_color_selector

My file does not have these res/values/colors.xml, and there is no other file with colors in res floder. <?xml version="1.0" encoding="utf-8"?> <resources> <...
Александр Инженер's user avatar
0 votes
1 answer
2k views

Material Design tab-Indicator Mixin Undefined

I've been trying out material design for the first time and am struggling to get mixins for the tab-indicator to work. I'm new to this framework and using sass so I'm sure I'm missing something. App....
AnKo's user avatar
  • 3
1 vote
1 answer
77 views

How to adjust the baseline length

How to adjust the length of the baseline of a TextInputEditText to match exactly this example: My TextInputEditText now looks like: my intention is that the line below the text is aligned with the ...
Fernando Amaral's user avatar
2 votes
1 answer
3k views

Android: Design Password Input with Hide/Show Password

I am trying to design Password Text Input How it should look like and How does it look like. I have problem when I click and focus TextInputEditText it changes background to transparent (losing blue ...
Radim Motycka's user avatar

1
2 3 4 5
12