Customizing the Workapp Application Custom Templates

Change the custom templates as required. For example, if you want to add your company name to a Work View:

Procedure

  1. Open your application.
  2. Double-click the file customTemplate\bpm_work_list\bpm_work_list.html to open it.
  3. Find the following code: 
    <div layout="row" class="work-list-header" ng-show="!showDetails &amp;&amp; !showForm">
   <div flex="20" flex-gt-md="20" class="work-list-title">
      <md-icon md-svg-icon="grocery">
      </md-icon>
      <span translate="{{$root.appConfig.appId}}.BpmWorkList.work_list_title" translate-values="{title: '{{$root.currentMenuTitle}}'}" translate-default="Work Items">{{$root.currentMenuTitle}}</span>
   </div>
</div>
  4. Add your company name. For example, 
    <div layout="row" class="work-list-header" ng-show="!showDetails &amp;&amp; !showForm">
   <div flex="20" flex-gt-md="20" class="work-list-title">
      <md-icon md-svg-icon="grocery">
      </md-icon>
      <span translate="{{$root.appConfig.appId}}.BpmWorkList.work_list_title" translate-values="{title: '{{$root.currentMenuTitle}}'}" translate-default="Work Items">{{$root.currentMenuTitle}}</span>
   </div>
XYZ Insurance Company
</div>
  5. Save and close bpm_work_list.html.
  6. Publish your application to make it available to your users. See Publishing Applications.