Live Reports and Communication with Third-Party Apps

Visual Studio Code-based Modeler offers various options to customize the Consumer Goods offline mobile app’s UI, processes, and business logic. For example, you can create UIPluginV2 controls in the Modeler to build and show charts on the app.

• Prerequisites
  Create the Displays custom card in Your Day cockpit.
• Create a UI Plugin to Show Charts
  Create a Competitor Rate custom report on the CG offline mobile app to show the competitor rate of the available displays in a store. Configure the JavaScript implementation of the UIPluginV2 contract to define the properties, labels, libraries, HTML, and CSS.
• Cockpit Cards Configuration
  Define a binding in the app UI for each of the properties that you specify in UIPluginV2. Create a cockpit card on the Your Day screen or the User Cockpit of the CG offline mobile app to show charts and reports. Test the cockpit card on a mobile device. Then, debug to find and fix errors.
• Third-Party App Launch Button
  Create buttons on the display record pages of the Consumer Goods offline mobile app to open third-party apps. When sales reps open other apps along with the CG offline mobile app on their mobile device, they can handle multiple business processes simultaneously. This capability improves their productivity and efficiency. Create business logic methods to determine the button’s visibility and to ensure that you open the desired app. Create an event handler for the button click event and test the results on a mobile device.