Questions tagged [formsy-material-ui]

A wrapper for Material-UI form components to allow them to be used with formsy-react, a form validation component for React forms.

A wrapper for Material-UI form components to allow them to be used with formsy-react, a form validation component for React forms.

Read more here: https://github.com/mbrookes/formsy-material-ui

19 questions
161
votes
24 answers

How to enable file upload on React's Material UI simple input?

I am creating a simple form to upload file using electron-react-boilerplate with redux form & material ui. The problem is that I do not know how to create input file field because material ui does not support upload file input. Any ideas on how to…
gintoki27
  • 1,761
  • 2
  • 13
  • 11
75
votes
13 answers

How to style Material UI Tooltip?

How can I style the Material UI Tooltip title? The default tooltip on hover comes out black with no text wrap. Is it possible to change the background, color etc? Is this option even available?
codinginnewyork
  • 1,008
  • 2
  • 12
  • 17
5
votes
1 answer

Use Regular expression in JSX file in (React + Material-ui)

I am trying to use RegEx to do material-ui form based validation. I am using my JS based Regex, but it does not work. Why ? Below is the snippet from my template.jsx file. my-form is just a wrapper on the formsy material-ui component. import…
greengrassbluesky
  • 373
  • 1
  • 6
  • 23
4
votes
0 answers

TypeScript is not ignoring node_modules library

I am working on a react project, react version 15.4.2 .. it's an existing project and I need to have it on the same react version. I also have a tsconfig file. I tried to use react material ui: npm install material-ui@v1.0.0-beta.47 --save When I…
Dan
  • 49
  • 1
  • 8
2
votes
2 answers

RadioGroupButton doesn't seem to work with React Starter Kit

Here's a gif of it: http://www.giphy.com/gifs/3oKIP7arhKhNzNzytq As you can see, whenever I click on it, it doesn't select. Here's my exact code which is working in webpack: https://www.webpackbin.com/bins/-KoaaPYxDno695fiUBMn But in my starter kit…
1
vote
1 answer

Function call in Material UI (React.js) not getting called

Started with Material UI today Don't know why this Function handelSubmit() is not getting called. Nothing is getting printed on console function is not getting called. Don't know where I am doing Mistake, Thank you. I am calling that function from…
1
vote
1 answer

material-ui onExited method doesn't work

I am trying to use onExited method (Material-UI v1.0.0-beta.41) in react js like: fireOnExit=()=>{ alert("Exited"); }
Tuvia Khusid
  • 792
  • 5
  • 15
  • 31
1
vote
1 answer

issue with material-ui select field

I've been trying to get started with material-ui. It seems something's wrong with the SelectField. When opened, it looks like this. Any advice? Thanks! Lior K
Lior K
  • 31
  • 3
1
vote
1 answer

Material UI Webpack Build

I did a little app using React, FullCalendar, JQuery, Material UI combined with Formsy-material-ui. The app consists showing the fullcalendar with events. This events are created doing click in a spot of the calendar and It renders a Form inside a…
1
vote
3 answers

How to clear the text field in formsy material ui React

Hi I am using React 14 and writing it in ES6. I am using formsy-material-ui for form validations. There is a scenario where I want to clear the value of text field on click of a button. I tried the following code
Aniket
  • 4,926
  • 12
  • 41
  • 54
1
vote
2 answers

Material UI - muiTheme.prefix is not a function issue

I have recently migrated to Google Material UI (Material UI v0.15.0-beta.1) from v0.14.4, due to latest reactjs v15.0.1, have also upgraded the formsy-material-ui and formsy-react wrapper for form validations. It's a big code architecture, apologies…
Mohammad Arif
  • 6,987
  • 4
  • 40
  • 42
0
votes
1 answer

How can I change the fontSize of the contents of a table in Material UI?

I would like to change the fontSize of the contents of a table in Material UI. If I change it using the style={{}} component, it's not getting reflected. Fiscal Year
user460567
  • 133
  • 9
0
votes
1 answer

How can I make content span the whole page in Material UI?

I am new to material UI and I want to make the content under this tab last the whole page but I am unable to do so. I don't get why it only spans to about 70% of the page.
user460567
  • 133
  • 9
0
votes
1 answer

How can I centre these 2 graphs in their respective grids in Material UI?

I have 2 graphs side by side. But they are not at the centre and this looks a bit awkward. The code:
0
votes
1 answer

How can I display 2 charts side by side in react using material UI?

I am trying to display 2 charts side by side at the centre of the page but I'm unable to do so. I am relatively new to material UI.
1
2