Sunday, December 25, 2011

ATG BCC UI Customization


We have a requirement to change the UI display of some of the fields
from default BCC display. 
We have Commentary and CommentaryAuthors . Each commentary can have
multiple Authors. 
We have CommentaryTypes and each commentary is of specific commentary
type.(Ex: Perspective, Insight etc.,). Below are their repository
definitions in repository XML file. Also attached the image (BCC UI
Customization.jpg) for default display of these relations in BCC UI. 

<item-descriptor query-cache-size="10" item-cache-size="100">
  <property display-name="Commentary Type" name="commentaryType"
column-name="commentary_type_id" item-type="CommentaryTypes" >
    <attribute value="4"/>
  </property>
[snip]
    <table type="multi" id-column-names="commentary_id">
      <property column-names="author_id" data-type="set"
component-item-type="CommentaryAuthor" cascade="update">
        <attribute value="5"/>
      </property>
    </table>
</item-descriptor> 
<item-descriptor query-cache-size="10" item-cache-size="100">
    <table id-column-names="author_id">
      <property display-name="First Name" data-type="string"
column-name="first_name" >
        <attribute value="0"/>
      </property>
[snip]
    </table>
</item-descriptor> 
<item-descriptor query-cache-size="10" item-cache-size="100">
  <table id-column-names="commentary_type_id">
    <property column-name="commentary_type_id"/>
    <property display-name="Commentary Type" data-type="string"
column-name="commentary_type"/>
  </table>
</item-descriptor>

We need to change the display of CommentaryAuthors in such a way that
we display two list boxes. In one list box we want to display all the
available Authors and the user should be able to choose multiple
Authors from this list box and move to second(target) list box. 
Or we can have only a single multi-select list box which displays all
the available Authors and we can select multiple Authors from this
list. 
For CommentaryTypes, we should be able to display all the available
commentaryTypes in a dropdown option/select list instead of the
default BCC display shown in the attached screenshot. 
Is there any straightforward way of doing these UI customizations of
item display in the BCC? I know we can customize this using
ViewMappings in ACC. But there are lot of propertyViews available in
ACC View Mapping repository and there is no proper documentation we
can find for them. Attached are some propertyViews (ACC Property
Types.jpg) that we can see in ACC. But there is no proper
documentation available to know which property type should be used for
a specific UI element. 

                 ACC Property Types.jpg

BCC UI Customization.jpg

1 comment:

Nikhil said...

Hi,
Is it possible to customize the UI of BCC login page?

Popular Posts