[Question] How to implement your own UI components along with custom styling?
R-Lek opened this issue · 0 comments
Hello there,
The documentation mentions that you can use your own custom framework instead of Bootstrap 3/4 or Material:
import { YourFrameworkComponent } from './your-framework.component';
import { YourWidgetComponent } from './your-widget.component';
...
const yourCustomFramework = {
framework: YourFrameworkComponent, // required
widgets: { 'your-widget-name': YourWidgetComponent, ... }, // optional
stylesheets: [ '//url-to-framework-external-style-sheet', ... ], // optional
scripts: [ '//url-to-framework-external-script', ... ] // optional
}
It further states that "The value of the required framework key is an Angular component which will be called to format each widget before it is displayed." However, I have a difficult time figuring out what this Angular component should look like or how to create it.
What I would like to accomplish is using AJSF in an Angular environment along with a set of custom UI components and a custom theme (stylesheets). Would it be possible to create a 'framework' around it along with a framework Angular component as requested above?
If the documentation could be supplemented with some examples that would be for instance a great help.