Including the capture screen and record video component in a section
To support unique business use cases, you can include the component to capture screens and record videos inside your own section. As a result, you deliver an application that is flexible and more granular, because the section contains all the elements necessary for the component to work so that you can successfully include it in any harness. You also save time and resources, because you can reuse the section across your application.
For example, in a banking application, you can create a section that displays request details, and then reuse it for different types of requests, such as a loan request or a mortgage request. If you add the component to capture screens and record videos to the section, the users can use this component in every place in your application that utilizes this section.For greater flexibility and reuse, you first include the APIs for screen capture and video record in a section. Then you can reuse the section with APIs across your application as an embedded section.
In the navigation pane of Dev Studio, click Records.
Expand the User Interface category, and then click Section.
Open the section with non-auto-generated HTML in which you want to include the component.
On the HTML tab, in the HTML source field, add the PegaCapScreenAndRecVideoBundles section that the component includes, and the bundle that contains the JavaScript that stores the capturing and recording functions, by entering the relevant code.
Click Save.
In the navigation pane of Dev Studio, click Records.
Expand the User Interface category, and then click Section.
In the list of instances, open the section with non-autogenerated HTML in which you want to include the capture screen or record video functionality.
On the toolbar, click .
In the Section Include dialog box, in the Section list, select By name, and then in the name text field enter CaseCapScreenAndRecVideoBundles.
On the toolbar, click , and then drag the button inside the section with non-autogenerated HTML.
Define an action set on the button to call the API:
Double-click the button that you included in step 11
Create a Run Script action set for the button.
For more information, see Creating an action set.
In the Function Name field, enter the API name.
Click Submit.
Click Save.
Include the bundle that contains the screen capture and record videos APIs in a section:
Embed the section with the screen capture and record video APIs within another section:
Previous topic Defining custom functions for capture screen and record video component