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 referencean example:

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

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

Image RemovedImage Added
The transaction data , pertaining to the selected record will appear of the respective account appears as a pop-up . The in the Tran Summary widget as shown in the following screen shot. To achieve such a functionality, the Publish launch type is must be enabled for the widget of Beneficiary List widget 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: must be enabled for the Tran Summary widget.

Image Modified

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

Configure Publish for Beneficiary List Widget

To trigger the launch type of Publish using Action Configuration in Canvas Studio, perform the following steps:

1. On the App Designer page, hover the mouse on the Beneficiary List Widget 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 the rowclick event.
   

...

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. For detailed information on the Switch functionality, refer Switching Apps using Widget Action Configuration. 
   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
   1. the Content Scrollable
   to
   1. toggle to enable it.
   2. 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 Widget

To trigger the launch type of Subscribe using Action Configuration, perform the following steps:

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

...

1. 
   Image Added
   
   
2. On the Action Configuration page, click Event drop-down list and select the the ctappbeforeinitialize 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.
   Once the proceedings get completed, close
   1. 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

...

1. Beneficiary List widget gets displayed.
   
   
2. Click the first record (row) categorized under the column of the Beneficiary Account No column.
   

...

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