Example - Widget Action Configuration

Canvas enables you to make use of Action Configuration for triggering the launch types of Publish and Subscribe. Consider the following scenario as an example:

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

  1. Click the account number under the Beneficiary Account No column.


The transaction data of the respective account appears as a pop-up in the Tran Summary widget as shown in the following screen shot. To achieve such a functionality, the Publish launch type must be enabled for the Beneficiary List widget and the Subscribe launch type must be enabled for the Tran Summary widget.

Let's assume that two different data sources for fetch the beneficiary data and the transaction data are already created in Canvas Studio. For detailed information on creating a data source, refer Create a DB Data Source - 19.1. It is also assumed that the Beneficiary List and Tran Summary widgets are already created in Canvas Studio. For 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 and click the Action Configuration icon.



    The Action Configuration page appears.



  2. Click the Event drop-down list and select the rowclick event.



  3. Click the Launch Type drop-down list and select Publish.



  4. Click the Configuration iconto configure the Publish Field List.



    The Publish Field List page appears.



  5. 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 Content Scrollable toggle to enable it.
    7. Once the proceedings are completed, click Save.



  6. On the Action Configuration page, click Save.



    A confirmation message, indicating a successful save, appears.

  7. Click Ok.

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 and click the Action Configuration icon.



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

  3. Click the Configuration icon to configure the Subscribe Field List.

  4. 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.

  5. Click the selected column, Bene_ACC_NO, adjacent to the Data drop-down list.


    A pop-up appears.

  6. 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. Close the pop-up. The data gets saved automatically.

  7. Click Save to save the configured data. 




  8. On the Action Configuration page, click Save.


    A confirmation message, indicating a successful save, appears.



  9. Click Ok.

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

  10. Click the first record (row) categorized under the Beneficiary Account No column.


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