10) Tag Transformations


Previously it was highlighted that the framework supports changes of tags in the HTML file to change the binding. This chapter demonstrates some of these tag transformations. Also we show a few examples of how the BindingInterceptor can be used to apply some special components.

10.1) Texts

This here shows some useful transformations of text inputs.


Please note that you can apply these transformations to any simple types like numbers as well.

10.2) Lists & Choices

Here we show you what you can turn combo boxes ( select tag) for arrays/collections of simple types into.


10.3) Tables & Choices

You can do the same as above for arrays/collections of structured types as well, even though they are per default generated as a table.


10.4) Tables & Panels

Despite the above table transformations, arrays/collections of structured types can also display rows as panels. Just create a panel for the row class and apply the below transformations on the table.


10.5) Tabbed & Panels

You can also apply the same panel transformations as above to @Tabbed models instead of tables.


10.6) Links

Here we show you how to transform links into other things. In the model code, links are just action methods with special return types as demonstrated below.


Keep in mind that you can make anchor tags look like links by removing the btn bootstrap css classes on them. You can even transform them to button tags if you want. The same applies vice versa to convert button tags into anchors. Also image files are not the only things you can link to, it works with any resource, but does not make logical sense everywhere. For example a link to an external website or a pdf file can be used as an iframe, but makes no sense as an image tag.