A group is a way to link together elements in the UI. Its visual representation is a frame. In order to define a group in a @View annotation you only need to put the members of the group between [] (square bracket). Nested group are allowed. Look the case of Delivery view:
@View(members=
"invoice;" +
"deliveryData [" +
" type, number;" +
" date;" +
" description;" +
" shipment;" +
" transportData [" +
" distance; vehicle; transportMode; driverType;" +
" ]" +
" deliveryByData [" +
" deliveredBy;" +
" carrier;" +
" employee;" +
" ]" +
"]" +
"remarks { advice, shortcut; remarks }" +
"incidents { incidents }" +
"details {" +
" details [" +
" details" +
" ]" +
"}"
)
public class Delivery {
There is a group named deliveryData with the transportData and deliveryByData nested groups. Look the visual effect in the above portlet.