Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
English
In this article, we will show how we can combine multiple fields' values into one. As an example, we are going to use an image upload field and textual field and combine them together into one to produce the following result.


Figure 1: Profile Photo and Name in Single Cell

...

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.

Placing CSS code on CRUD MenuImage RemovedImage Added

Sample CSS:

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

...