Additional UI Framework Templates

Investigating what it would take to modify the bootstrap template or add templates for all components to use another UI framework i.e. Semantic UI or @angular/material. Mixing and matching UI component and layout frameworks is obviously not ideal just to implement the form viewer. Different frameworks wrap various components differently to apply formatting. The most obvious choice would be to do an ngx-formio-material template addition or fork since the material components are native ngx.

What files in addition to those in the template definitions and component html would need to be modified?

Is there a possible path to make a selectable component template depending on UI framework choice?

<formio [template]="'bootstrap' | 'semantic' | 'material' | 'custom'"></formio>

This may mean:

1. simply having forks of ng2-formio for each framework
2. Just make the main project not dependent on a single UI framework (have multiple framework template definitions included), but be able to select at run-time a framework for which templates exist and let developers embedding include the appropriate framework styles as a third party dependency.

[travist]

We are working on a new solution to wrap the existing angular-material to create a new Form.io renderer around that framework. This is coming, but it may be the end of the year before it is ready for production.

[vipinc38]

@travist Could you please confirm if angular/material can be applied on formio and if so, what needs to be done to get the formio working with angular/material.