A custom PowerApps Component Framework (PCF) control developed by Shaheer Ahmad.
The Draw component allows users to sketch or sign directly within a Power App. It supports various features like saving signatures, background images, and file management.
- Drawing Canvas: Freehand drawing capability.
- Background Support: Set a custom background image (
CanvasBackground). - Save & Load: Save drawings (
SavedImage) and load default images. - File Options: Enable download/upload functionality (
EnableDownload,EnableUpload).
- Go to Power Platform Admin Center > Environments > Select your environment.
- Go to Settings > Product > Features.
- Ensure Power Apps component framework for canvas apps is enabled.
- Download: Download the solution file linked above.
- Import Solution:
- Go to make.powerapps.com.
- Select Solutions from the left navigation.
- Click Import solution and select the downloaded zip file.
- Follow the prompts to complete the import.
- Add to Canvas App:
- Open your Canvas App in the editor.
- Select Insert (plus icon) from the left sidebar.
- Click Get more components at the bottom of the pane.
- Go to the Code tab.
- Select Draw and click Import.
- Add Component to Screen:
- Expand the Code components section in the Insert pane.
- Drag and drop the Draw component onto your screen.
- Configure Properties:
- CanvasBackground: (Text) URL or base64 string for the background image.
- FileName: (Text) Default name for the file when downloaded.
- EnableDownload: (Boolean) Set to
trueto show the download button (save icon). - EnableUpload: (Boolean) Set to
trueto show the upload button (upload icon). - EnableClear: (Boolean) Set to
trueto show the clear button (trash icon). - PenColor: (Color) Set the color of the drawing pen.
- Save Output:
- The drawing output is available in the
SavedImageproperty (Base64).
- The drawing output is available in the
Shaheer Ahmad
- GitHub: shaheerahmadch
This project is licensed under the MIT License.