menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

JSONForms

JSON Forms is a JSON Schema based approach for creating forms and comes with support for React, Angular and Vue. Support here is free, but might involve some delay in the replies based on our current workload for paying customers. We also offer PROFESSIONAL SUPPORT packages to get you started quickly with JSON Forms and to help you with any questions and technical difficulties for JSON Forms with guaranteed response time and in-depth technical solutions. For details please see our web page linked below.

Channels
Team

How to change font size of header in array case? I want it to be bigger.

April 28, 2020 at 3:06am

How to change font size of header in array case? I want it to be bigger.

April 28, 2020 at 3:06am (Edited 2 years ago)
And the column name is too small, how to increase its font size.
Screenshot 2020-04-28 at 8.37.53 AM.png

April 28, 2020 at 6:26am
Hi , you can use Material UI's theme support to easily customize the typography (and many other things) within the rendered forms. We use the Typography element for the table header. The column headers are just regular text rendered in TableCell and TableHead.
If something isn't possible via theming you might fall back to pure CSS styling. For more elaborate use cases you can always use a custom renderer with which anything can be done.
Edited