Stack Overflow
Stack Overflow

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
1
vote
5 answers

MDC: How to style label text?

How do I style label color? The following code doesn't work:
user4550164
1
vote
1 answer

MDC-Web: How to toggle modal drawer?

I read the source code of a sample page and the document and wrote the following code:
user4550164
1
vote
1 answer

How to use MDC's tab bar?

I want to use this Tab system: https://material-components.github.io/material-components-web-catalog/#/component/tabs I read the HTML source code of the above link and implemented a tab bar. However, how do I switch displayed contents using this tab…
user4550164
1
vote
1 answer

Vue Mdc Slider Not Updating Correctly

I'm using a Vue implementation of Material: https://stasson.github.io/vue-mdc-adapter/#/ The problem I'm having is on page load. When I view my slider, the bar fills correctly based on saved values but the knob that you can use to change the slider…
RogerFedFan
  • 548
  • 1
  • 8
  • 34
1
vote
1 answer

Using MDCAppBarNavigationController with storyboard

I'm trying to add the MDC App bar to my app as defined by MaterialComponents' custom subclass of UINavigationController. I go by the terse description on their Github page: The easiest integration path for using the app bar is through the…
Maarten
  • 6,894
  • 7
  • 55
  • 90
1
vote
1 answer

UITextView with border and floating placeholder using MDCMultilineTextField

Im trying to achieve as in these images below On User edit here is my code @IBOutlet weak var commentTxtField: MDCMultilineTextField! // Connected to storyboard commentTxtField.textView?.delegate = self …
virtplay
  • 550
  • 7
  • 18
1
vote
1 answer

How to add shadow for MDCTextField?

This is my code: @IBOutlet var txtFirstName: MDCTextField! var txtFirstNameController: MDCTextInputControllerOutlined? override func viewDidLoad() { txtFirstNameController = MDCTextInputControllerOutlined(textInput: txtFirstName) } I want to add…
Hamish
  • 1,685
  • 22
  • 37
1
vote
2 answers

How to detect if the MDC Snackbar has closed in JS?

I'm using Material Design's Snackbar and VueJS and I'd like to be able to detect when the snackbar has closed. Snackbar has a built in property called isOpen, so I'm able to use return this.snackbar.isOpen; as a boolean. However, there isn't a…
James Stewart
  • 869
  • 12
  • 33
1
vote
1 answer

How to apply MDC web javascript (like MDCRipple) to content that has been loaded in with AJAX

Im currently making a web app that uses AJAX to change the content inside the page, but I'm running into an issue with getting the javascript to apply to elements that have been loaded in rather than starting on the page. For example, if I had a…
Mr. Simmons
  • 448
  • 3
  • 14
1
vote
1 answer

Material Design Components Web in Chrome Extension

I have a Chrome extension that currently uses Material Design Components, Web. I have no issues using unminified CSS, however the JS does not appear to be working correctly. If I use the source code, there should be an animation when focusing on a…
O P
  • 2,327
  • 10
  • 40
  • 73
1
vote
2 answers

Typing in TextField doesn't make label float

I have made a form with Material Design components. My TextField floating labels float when AutoFill fills the inputs, but not when a user types in them. function fillFields() { $("#passwordTextField").val("test"); …
user4838695
1
vote
0 answers

Program type already present - Material Design Component library and AndroidX

I'm writing a new application and I'm using AndroidX since it seems the best way to go from now on. I've been having some trouble trying to get MDC and AndroidX together, and although I'm not using any old Support Library dependency I keep getting…
imightthrowitaway
  • 11
  • 1
1
vote
1 answer

MDC-Web Select Component

I am trying to add MDC Web Components to my website using unpkg and while implementing I ran into a problem where I am using two select elements side by side.The problem is while selecting a option from the first select element the element is moving…
themv
  • 13
  • 1
  • 4
1
vote
0 answers

Not able to update value in mdc-dialog using ngModel

I tried to update the input field using ngModel: But the value is not updated inside a . I have imported FormsModule in app.module.ts file. But then also I am having issue. NB: I…
TTT
  • 11
  • 4
1
vote
1 answer

Prevent MDC Menu from closing after clicking first menu item

We are using MDC menu component. I am looking for a way to not close the menu when clicked on the first item in the menu. I tried applying a class to mdc-list-item and specifying cursor as auto, but it is not working. .menu-do-not-close { cursor:…
user804401
  • 1,990
  • 9
  • 38
  • 71
1 2 3
…
10 11