Page History

...

The main area of interest would be the datalist builder. Observe that the "member" column is making of the BeanShell Formatter.

Image RemovedImage Added

Figure 3: Datalist Builder

...

We can improve the result by making use of some CSS codes. The CSS code can be placed into the userview menu itself, in this example, we are placing it in CRUD Menu.

Image RemovedImage Added

Sample CSS:

<style>
 .profile-wrapper{
        border: 1px dashed grey;
        padding: 5px;
        text-align: center;
    }
    
    .profile-photo{
        
        
    }
    
    .profile-name{
        font-weight: bold;
        padding: 5px;
    }
</style>

...