Key factors to focus in the Canvas App development

When developing a Canvas App, there are several key factors that you should focus on to ensure that the app meets your needs and the needs of your users. Here are some of the most important factors to consider:

Data protection and privacy: Ensure that the app complies with relevant data protection and privacy regulations, such as GDPR, CCPA, etc. This includes properly securing and protecting user data and obtaining consent for data collection and processing.

Accessibility: Ensure that the app is accessible to all users, including those with disabilities. This includes designing the app with accessibility in mind, such as providing alternative text for images and ensuring keyboard navigation.

Security: Ensure that the app is secure and protected from unauthorized access. This includes implementing appropriate access controls and permissions, using secure data connections, and regularly testing for vulnerabilities.

Governance: Establish governance policies for the app, such as who has access to modify and publish the app, and how changes to the app are reviewed and approved.

Compliance: Ensure that the app complies with relevant organizational policies and procedures, such as branding guidelines, IT policies, and software development standards.

Performance: Ensure that the app performs well and is optimized for speed and efficiency. This includes regularly monitoring and tuning the app's performance.

By considering these policies, you can ensure that your canvas app in Power Platform is developed with security, compliance, accessibility, and performance in mind, providing a valuable tool for your organization while minimizing risk.

Must read: Trying to convert Figma Image to canvas app in PowerApps using Image(Preview)?

 To convert a design from Figma to a Canvas app in PowerApps, you can follow these general steps:

Export the Figma design: In Figma, select the design you want to convert and then click on File > Export. Choose the format that you want to export the design in (e.g., PNG, JPG, SVG) and save the file to your computer.

Create a new Canvas app in PowerApps: Log in to PowerApps and create a new Canvas app. Choose the Image(Preview) option.

Please read the instructions carefully.

Now, we need to upload the image that we have exported from the Figma.

It quickly recognizes all the components in the image, that we have uploaded in the previous screen.

In this step, we can create the new table in Dataverse to store the values shown in the previous screen or can skip this step for now.

If you have selected the option to create a new table, then you have to provide the data type for the columns.

In this preview, we are provided with few basic data types as shown below. 

According to the requirement, we have now selected the column names and data types.

In the next step, you will have the provision to change the table name and primary field mapping. Once done, final thing is to create the table by clicking on the “Create” button.

Now you are all set to go, it starts creating the table and canvas app for you.

Here is the magic, you see the Canvas app is created for you with almost 40% of the content from your image file is now available in the app, with data source (Dataverse table) connected to it. But the content shown in the tabular view are not stored in table as records and is not shown in gallery view here.

Overall, the key to converting a Figma design to a Canvas app in PowerApps is to use the Figma design as a reference and then add the necessary controls and functionality to match the design in PowerApps. 

As Image conversion to App feature is still in Preview mode. May be we can try this approach for Form images, but not for grid views or table view images.

How to consume data from Dynamics 365 Finance and Operations in Canvas App?

 To consume data from Dynamics 365 Finance and Operations in a Canvas app, you can follow these steps:

1. Create a new connection to Dynamics 365 Finance and Operations in Power Apps. To do this, click on the "Connections" tab and then click on "New Connection." Search for "Dynamics 365 Finance and Operations" and select it.

2. Authenticate your connection by entering your Dynamics 365 Finance and Operations credentials.

3. Once your connection is created, you can start building your Canvas app. To add data from Dynamics 365 Finance and Operations, add a new data source by clicking on "Data sources" and then clicking on "Add data source."

4. Select the Dynamics 365 Finance and Operations connection you just created.

5. Choose the entity or table that you want to use as a data source. You can do this by selecting the entity from the dropdown list or by searching for it.

6. Once you have selected your entity, you can add fields to your app by dragging and dropping them onto the canvas.

7. You can now use the data from Dynamics 365 Finance and Operations in your app. For example, you could use it to display a list of customers, create invoices, or update product information.

8. To display the data from Dynamics 365 Finance and Operations in a particular format, you can use various controls and functions available in Power Apps, such as galleries, forms, and filters.

9. Finally, test your app to ensure that the data from Dynamics 365 Finance and Operations is being displayed correctly.

Contextual FAQs for Canvas App

 In this Article, we are going to see how the user will get to know the functionalities available in the current screen (Contextual FAQ). You can create a SharePoint list / Dataverse table to store all the FAQ questions and answers along with the screen name.

In the below app, we have nearly 7 screens. Each screen has  icon, that is used to navigate to the FAQ screen. But the FAQs will be relevant to the screen from where the users came from.

For example, if the user clicks on the Information Icon from home page (image shown above), it will take the user to FAQ screen as shown below

If the user click the Information Icon from contacts screen they will the below set of questions in FAQ screen.

Steps to implement:

FAQ: Questions and Answers are stored in the SP List, that is connected to FAQ Screen in Canvas App. Whenever the user clicks the Information icon, it assigns the Screen Name in the variable varScreenName and that is used in the Filter condition for the FAQ data source in the Gallery items. 

SharePoint List: FAQ