572
questions
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-...
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
...
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 ...
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 ...
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 ...
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 ...
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—...
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 ...
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 ...
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 ...
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 ...
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 ...
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&...
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 ...
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)...
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/...
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 ...
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 ...
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 ...
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 ...
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 ...
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)...
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 ...
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 ...
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 ...
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=&...
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 ...
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 ...
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 ...
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 ...
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://...
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 ...
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&...
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
...
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 ...
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 ...
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 ...
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
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 ...
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 ...
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
...
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 ...
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 ...
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....
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 ...
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 ...
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>
<...
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....
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 ...
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 ...