Example – Widget Action Configuration

Canvas enables you to make use of Action Configuration for triggering the launch types of Publish and Subscribe. The relevant data for a particular record can be easily fetched in a feasible manner, by using the Publish and Subscribe launch types. Consider the following sample scenario as a reference:

In the functional application (e.g.Modelhouse), the data from the widget of Beneficiary List gets displayed. 

1. Click a record (row) categorized under the column of Beneficiary Account No.

Image RemovedImage Added

The data, pertaining to the selected record will appear as a pop-up. The Publish launch type is enabled for the widget of Beneficiary List and the Subscribe launch type has been applied for Tran Summary Widget, ensuring that the relevant data, associated with the selected record gets displayed in an apt way. The following screen shot displays the data of the selected record:

Image Modified

Let's assume that two different data sources for two different widgets have already been created in Canvas Studio. For the full set of information on creating a data source, refer Create a DB Data Source - 19.1. It is also assumed that the two widgets of Beneficiary List and Tran Summary have been created in Studio. For the full set of information on creating apps (widgets), refer Creating App and Steps to Create Apps.

...

1. On the App Designer page, hover the mouse on the Beneficiary List Widget and click the Action Configuration icon.
   

...

1. 
   Image Added
   
   The Action Configuration page appears.
   

...

1. 
   Image Added
   
   
2. Click the Event drop-down list and select the event of rowclick.
   

...

1. 
   Image Added
   
   
2. Click the Launch Type drop-down list and select Publish.
   

...

1. 
   Image Added
   
   
2. Click the Configuration icon Image Removed Image Addedto configure the Publish Field List.
   

...

1. 
   Image Added
   
   The Publish Field List page appears.
   

...

1. 
   Image Added
   
   
2. On the Publish Field List page, click App on the left navigation pane.
   
   1. Click the Data drop-down list and choose the relevant column, e.g. BENE_ACC_NO.
   2. Click the On Complete drop-down list and select the option, Launch.
   3. Click the Launch Type drop-down list and select the option, Launch Widget in Modal Window.
   4. Click the Search Icon on the Source Widget search box and select the relevant widget (app), e.g. TRAN SUMMARY.
   5. Select the Modal Type as Modal.
   6. If you want to enable scrolling for the data that gets displayed, click the toggle of Content Scrollable to enable it.
   7. Once the proceedings are completed, click Save.
      

...

1. 1. 
      Image Added
2. On the Action Configuration page, click Save.
   

...

1. 
   Image Added
   
   A confirmation message, indicating a successful save, appears.

...

1. 
   
   
2. Click Ok.
   
   Image Added

Configure Subscribe for Transaction Summary

...

1. On the App Designer page, hover the mouse on the Tran Summary Widget and click the Action Configuration icon.
   

...

1. 
   Image Added
   
   
2. On the Action Configuration page, click Event drop-down list and select the event of ctappbeforeinitialize.
   
   1. Click the Launch Type drop-down list and select Subscribe.
      

...

1. 1. 
      Image Added
2. Click the Configuration icon Image Removed Image Added to configure the Subscribe Field List.
   

...

1. 
   Image Added
   
   

2. On the Subscribe Field List page, click App on the left navigation pane.

   1. Click the Search Icon on the Source Widget and select the relevant widget, e.g. Beneficiary List.
   2. Click the Data drop-down list and choose the relevant column, e.g. BENE_ACC_NO.
      

...

1. 1. 
      Image Added
      
      
2. Click the selected column, Bene_ACC_NO, adjacent to the Data drop-down list.
   

...

1. 
   Image Added
   
   A pop-up appears.
   
   
2. Click the Event drop-down list and select the event, all.
   1. Click the Filter Operator drop-down list and select strEquals.
   2. In the Value field, type the name of the selected column, e.g. BENE_ACC_NO.
   3. To enable the selected values as mandatory values, click the Mandatory toggle to enable it.
   4. Once the proceedings get completed, close the pop-up. The data gets saved automatically.
      

...

1. 1. 
      Image Added

2. 
   

   Click Save to save the configured data.
   

...

1. 
   Image Added
   
   
2. On the Action Configuration page, click Save.
   

...

1. 
   Image Added
   
   A confirmation message, indicating a successful save, appears.
   
   Image Modified
   
   
2. Click Ok.
   
   In the functional application (e.g.Modelhouse), the data from the widget of Beneficiary List gets displayed.
   
   
3. Click the first record (row) categorized under the column of Beneficiary Account No.
   

...

1. 
   Image Added
   
   A pop-up appears, comprising the relevant data of the selected record from the source widget of TRAN SUMMARY.
   
   Image Modified