Draw/Sign PCF control for Power Apps Canvas applications

on

Introducing the Draw Control (PCF) for Power Apps 


In this post, I’ll introduce you to a powerful Draw Control PCF component that you can use in both Model-Driven Apps and Canvas Apps. This control allows users to draw, annotate images, and even sign documents directly inside Power Apps. 



If you’re looking to capture signatures, allow markups on images, or provide a simple drawing experience inside your app — this component is for you. 




What is the Draw Control? 

The Draw Control is a Power Apps Component Framework (PCF) control that enables users to: 

  • ✍️ Sign documents directly within the app 
  • 🖊 Draw on images 
  • 🎨 Adjust pen size 
  • 🌈 Change pen color 
  • 🧹 Clear drawings 
  • 📤 Upload a new image 
  • 📥 Download the modified image 


It’s lightweight, easy to use, and integrates seamlessly into both Canvas and Model-Driven applications. 



Where Can You Use It? 


This control works in: 


  • Model-Driven Applications 
  • Canvas Applications 


You can use it for: 


  • Capturing customer signatures 
  • Approving documents 
  • Marking up inspection images 
  • Annotating screenshots 
  • Drawing on uploaded files 


 

How to Download the Draw Control 


To get started, follow these steps: 


1️⃣ Go to the GitHub Repository 


  1. Navigate to the control’s GitHub repository (link typically provided in the original source). 
  2. Scroll down the page and locate the Download link. 


2️⃣ Download the Managed Solution 


  1. Click the download link. 
  2. This will take you to the managed solution file. 
  3. Download the solution package to your machine. 


 

How to Import the Control into Power Apps 


Once downloaded, follow these steps: 


1️⃣ Open Power Apps Maker Portal 


  1. Go to:https://make.powerapps.com 

 

2️⃣ Select the Correct Environment 


  1. Ensure you're working in the correct environment where you want to use the control. 


3️⃣ Import the Solution 


  1. Navigate to Solutions 
  2. Click Import 
  3. Upload the downloaded managed solution 
  4. Complete the import process 
  5. After the import is complete, the PCF control will be available for use in your apps. 


 

For Canvas Apps: 


  1. Insert the component into your app. 
  2. Configure properties such as image source, pen size, and color options. 


 


Key Features in Action 


  • Once added, users can: 
  • Draw directly over images 
  • Adjust pen thickness 
  • Change pen colors 
  • Clear drawings instantly 
  • Upload new images to draw on 
  • Download the final output 


This makes it extremely useful for business scenarios involving approvals, inspections, document verification, or digital signatures. 



Final Thoughts 


The Draw Control PCF component is a practical and powerful enhancement for Power Apps. Whether you're building internal tools, approval systems, or customer-facing apps, adding drawing and signature capabilities can significantly improve user experience. 


If you're working with Power Platform and need document signing or image annotation functionality, this control is definitely worth implementing. 

 

Comments

Post a Comment