Background Image for SignaturePad

1 Answer 5 Views
SignaturePad
Robbe
Top achievements
Rank 1
Iron
Robbe asked on 18 Oct 2025, 08:15 PM
Is there a way to set a captured photo as the background image for the SignaturePad?  I want users to be able to hand draw things on the photo and then save the "signature" and the background image as a new image.

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 20 Oct 2025, 05:39 AM

Hi Robbe,

Based on the explanation, it seems you want image drawing annotations for the ImageEditor control. We have this logged as a feature request here: https://feedback.telerik.com/maui/1599268-imageeditor-drawing-annotations-layer-drawing-shapes cast your vote for the item.

Regarding to the SignaturePad and image as a background, you can overlay the both image and signature pad controls:

	<Grid WidthRequest="300" HeightRequest="300">
		<Image Source="dotnet_bot.png"
			   HorizontalOptions="Center"
			   VerticalOptions="Center" />
		<telerik:RadSignaturePad BackgroundColor="Transparent" BorderBrush="Black"
								 BorderThickness="2"
								 WidthRequest="300"
								 HeightRequest="300"/>
	</Grid>

this is the result:

However for capturing the screen, you have to implement custom logic. You can use the approach described here: https://learn.microsoft.com/en-us/dotnet/maui/platform-integration/device-media/screenshot?view=net-maui-9.0 or find another solution.

Regards,
Didi
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey
Tags
SignaturePad
Asked by
Robbe
Top achievements
Rank 1
Iron
Answers by
Didi
Telerik team
Share this question
or