Material UI View does not respect "ui:title" value
See original GitHub issuePrerequisites
- I have read the documentation;
- In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
- Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue.
Description
While the core theme will change the Label of a field to match the ui:title
in the UISchema, the material UI view does not.
Steps to Reproduce
- Go to the playground and select the
ErrorSchema
choice - Notice the Label for the
Age
field saysAge of person
- Switch to the material ui theme
- Notice the Label for the
Age
field saysAge
Expected behavior
The material UI view picks up the ui:title
of a field from the UI schema
Actual behavior
The material UI view picks up the default title of the field from the schema
Version
whatever version the playground is running
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Frequently Asked Questions - Material UI - MUI
Frequently Asked Questions. Stuck on a particular problem? Check some of these common gotchas first in the FAQ. If you still can't find...
Read more >React Material-UI Select is not reflecting the change
It won't respect the filtering and the defaultValue will not show the product that was actually set. Using value instead of defaultValue ...
Read more >How to Design a Perfect React Material UI Form - YouTube
The complete guide on designing Material UI Form.As you know form is an important un-avoidable element in any website for user interaction.
Read more >React Material Ui Title - StackBlitz
import AppBar from 'material-ui/AppBar';. import MuiThemeProvider from 'material-ui/. styles/MuiThemeProvider'; ... color values (yellow).
Read more >Material UI - Formik
Formik can be easily used/integrated with Material UI, with just passing a few formik props to the respective Material UI Component props. Refer...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
When I ran into this issue, I noticed https://github.com/rjsf-team/react-jsonschema-form/blob/master/packages/core/src/components/fields/StringField.js#L30 https://github.com/rjsf-team/react-jsonschema-form/blob/master/packages/core/src/components/fields/StringField.js#L47 when I traced why the
ui:title
wasn’t working.I ended up making a wrapper component for
StringField
. Here’s a winded exampleMaybe it’s related to this line in ObjectFieldTemplate not using the
ui:title
?