Customize Left Menu Grid

The Left Menu Grid basically lists the name of the workflow which has been triggered.

To customize the Left Menu Grid of the Work item Control, follow the steps given below:

1. Open WorkItemControl.ascx page from the BPMUITemplates\Default\Workitemlist\UserControls folder.

2. You can find the Style Sheet in the [AVEVA Work Tasks Installed Path]\AVEVA\Work Tasks\Web\BPMUITemplates\Default\Common\StyleSheet\Global.css

3. Search for the Web Grid, where id="grdLeftMenu". [This is the Grid Left Menu ID].

To change background Color

4. You can change the background image of the Grid Left Menu by making changes in the FrameStyle tag of the Grid Left Menu.

5. Make the following changes in the attribute BackgroundImage of the FrameStyle tag by changing the existing image:

   <FrameStyle  BorderWidth="0px" BorderStyle="Solid" BackgroundImage="<%$ ReplaceTemplateExpn:default/WorkItemList/Images/title-bgNew.png%>"  ></FrameStyle>

To change the selected row style

6. You can change the selected rowstyle of the Grid Left Menu by making change in the SelectedRowStyle tag of the Grid Left Menu.

   <SelectedRowStyle  CssClass="GridSelectedRowStyle">

7. Search for GridSelectedRowStyle in Global.css file  and then make the following changes:

   .GridSelectedRowStyle {

   border-width:1px;

   font-family:"Segoe UI", "Trebuchet MS";

   font-size:8pt;

   border-style:solid;

   background-color:Red;

   border-color:#ACA899;

   color:#363636;

   }