How to Integrate Instant Plugins in the Canvas App?

Dataverse Accelerator

Dataverse Accelerator is a new Experimental feature released by Microsoft to use the low-code plug-ins in the Dataverse environment. Low-code plug-ins are reusable, server-side synchronous business logic workflows that execute in real-time.

This article will explain the step-by-step process of integrating the Instant Plugin into the Canvas apps.

Prerequisites

Follow the articles below: Install the Dataverse Accelerator App and Create an Instant Plugin in your Dataverse Environment.

Install the Microsoft Dataverse Accelerator App

Create an Instant Plugin in the Dataverse Environment

Follow the below steps after the Prerequisites.

Step 1. Open Dataverse Accelerator App.

Overview

Step 2. Click on Plugins.

Plugin

You can see the list of all Instant plugins created in this environment.

Instant plugin

Step 3. Select the required Instant plugin and Click on Copy code snippet.

Convert text to upper case

Power Fx code snippet successfully copied to the clipboard.

Power fx

Below is the copied code from the Clipboard.

Power FX code

Environment.dev_ConvertTextToUpperCase({InputText:Value})

Step 4. Open any existing Canvas App or Create a new Canvas app to test this Plugin in a new browser window.

For this example, I have added Modern Controls – Text Input, Button, and Text.

Note. Click on the link to learn the process to Enable the Modern Controls in the Canvas App.

Plugin

Step 5. On the Convert button OnSelect, add the below Power Fx formula, which calls the Instant plugin and stores the value in the output Global variable.

Set(OutPut, Environment.dev_ConvertTextToUpperCase({InputText:txtInputText.Value}));

Convert

Step 6. Add the below Power FX formula in the Text control.

Output.ConvertedText

Add the below power fx

Step 7. Click on the Play button to test the App.

Click on play

Step 8. Enter the Text and click on Convert.

Text and click on convert

Calling the Instant Plugin in the background.

Plugin background

You can see the Text in the Upper-Case Letters.

Upper case point

Hope you have followed all the steps and called the Instant Plugin in the Canvas App.

Please like and share your valuable feedback on this article.


Similar Articles