Questions tagged [mdc-components]

Questions about Material Design Components (MDC) by Google, including MDC-Web, MDC-Android, MDC-IOS, and MDC-Flutter.

Material Components provide a reliable development environment for apps and websites across Android, iOS, and the web. Components are updated as the Material Design system evolves, ensuring consistent pixel-perfect implementation and adherence to Google’s front-end development standards, such as internationalization and accessibility support.

162 questions
0
votes
2 answers

MDC-Web: mdc-text-field--outlined with pre-filled value

I am pre-filling a few text fields and the border is not visible. I am using, for example, the following JavaScript to pre-fill the field(s) but the outline is not rendered until I click / unclick the field. I tried var doc =…
Ronnie Royston
  • 16,778
  • 6
  • 77
  • 91
0
votes
1 answer

mdc closes all nested dialogs instead of the active dialog

I try to open a mdc-dialog inside a mdc-dialog. When closing the second dialog, material-components-web closes both dialogs, instead of returning back to the underlying dialog (first dialog). See the example on codepen.io. Is that a bug or do I…
iocast
  • 98
  • 7
0
votes
1 answer

use mdc sass files in angular-cli projects

I have a project using angular-cli. I am using mdc components/. I want to import individual component's sass files. For this, 1) I have changed the default styleExt using this command ng set defaults.styleExt scss 2) Renamed the file style.css to…
Sunil Garg
  • 14,608
  • 25
  • 132
  • 189
-1
votes
1 answer

MDCSnackBar not appear on iOS 13

I am trying to use MDCSnackBar on my app. It works well on iOS 12 simulator but the snack bar is not appearing on my phone (iOS 13). I also tried to run the app on a 13.4 simulator and the result is the same This is how I use MDCSnackBar func…
DragonNest
  • 11
  • 2
-1
votes
2 answers

Giving ltr to MDC Switch not working inside a rtl MDC Drawer

The MDC Switch inside an MDC Drawer (RTL) has a thumb that is placed on the right instead of the left when it is switched on. I want the thumb to be at the left when it's off and at the right when it's on (I want the thumb to move from the left side…
Avinash Raj
  • 172,303
  • 28
  • 230
  • 274
-1
votes
8 answers

Display icon next to text field

I need to display an icon next to an text field like e.g. the person and phone icon in this screenshot (source) Is there any component on Android for doing this or do I have to align both, icon and text field, manually in e.g. a constraint layout?…
stefan.at.kotlin
  • 15,347
  • 38
  • 147
  • 270
-1
votes
1 answer

Which method will be used to getItemCount (no of cards) when using MDCCardCollectionCell?

I am new to IOS.I used to work as Android developer. I am using MDCCardCollectionCell/MDCCard for Cardviews in my project. When i was working on android, to display number of cards - we used to return number in getItemCount() Adapter…
Eswar
  • 199
  • 1
  • 13
-1
votes
1 answer

MDCAppBar (swift iOS) unable to flip image of the back button

I am using MDC (Material design components) to build my UI in an iOS application, I have 2 languages in my app english and arabic, when switching to arabic I am forcing right to left to all my views, it works great as shown in the pictures…
Antoine El Murr
  • 317
  • 1
  • 13
-1
votes
2 answers

Attribute chipText not found

I am using Material Chips from the Material Design Component library released by Google for Android. But when I updated the com.google.android.material:material to version 1.0.0-rc01, I have started to get the error in the below…
-1
votes
1 answer

Put MDC Radio Buttons on Separate Rows

HTML Noob here: I am trying to get two MDC radio buttons in a form to appear aligned on separate rows (one below another). I have tried putting break tags in various places but it doesn't seem to have any effect.
-1
votes
1 answer

Configuring webpack to bundle ES2015 JavaScript into standard JavaScript, through babel

Why does MDC Getting Started (Step 3) say, "We need to configure webpack to bundle ES2015 JavaScript into standard JavaScript, through babel"? Will someone from Google please clarify the circumstances under which: "Standard" (I imagine they mean…
1 2 3
10
11