Add Support for mat-form-field appearance

[ArulRozario]

Would it be possible to add an @Input to mat-form-io or any other means to have different appearance to form-fileds as shown herehttps://stackblitz.com/angular/malkplgnkdb?file=src%2Fapp%2Fform-field-appearance-example.html. Our project heavily relies on Material form-io and we have all the fields with an outline appearance.

[travist]

That should be a simple addition. This would make it so it can take an appearance input in the mat-formio. @vlad-shusterman can you maybe easily add this feature?

[paramjeetnandal]

Hi any update on this?

[vlad-shusterman]

@paramjeetnandal, @ArulRozario
Hey, we've done with this feature. Now you can use it like this:

{
  "label": "Textfield",
  "mask": false,
  "type": "textfield",
  "input": true,
  "key": "textfield",
  "appearance": "standard"
}

[ArulRozario]

Thanks. Does this apply to all input fields like select, text area, datepicker etc?. the PR seems to have only text field.

[rspsuresh]

@paramjeetnandal, @ArulRozario Hey, we've done with this feature. Now you can use it like this:

{
  "label": "Textfield",
  "mask": false,
  "type": "textfield",
  "input": true,
  "key": "textfield",
  "appearance": "standard"
}

Could explain this briefly with full json

[albert5287]

@rspsuresh you could set the appearance to outline globally using a provider. Here is an example https://codinglatte.com/posts/angular/angular-material-form-field-appearance/

sadly https://github.com/formio/angular-material-formio/pull/58 breaks that behavior. I have created a PR https://github.com/formio/angular-material-formio/pull/76 to solve the issue.