This year the complete Smart Client is presented in a flat themed layout. Last year it was able, with the change of the workflow.config to change the layout of your Workflows respectively of the Administrator. This year though also the Smart Client itself is designed in the flat theme.

This time I would like to show you how you can use JavaScript and custom styles to customize the default list behavior.

The default way to show data from a database table is that one column in the database is represented by one column in the list. In many cases this is just what is required however sometimes multiple database table columns should be displayed as a single column so that we need to customize the default behavior.

Components needed to customize the list:

Custom JavaScript

Custom Style

Form to include the JavaScript and the Style

In this sample a list will be shown that combines the first and last name and displays an image instead representing the corresponding number value from the table content. The result looks like this: