xamarin/SignaturePad

Hiding the SignatureLine along with the triangle icon

msmrajesh opened this issue · 5 comments

msmrajesh commented

Description

I would like to use this control as a sketch pad to draw, save and retrieve images. For this purpose the line at the bottom of the screen , the place holder for the text as well as the triangle icon has to be rendered invisible. I have managed to hide the CaptionText="" and set the SignatureLineColor="White" to blend with the background. This looks fine. But the triangle icon is still visible. How can we remove that. Please let me know so that I can use this control as a sketch pad for my Xamarin Forms project.

Also can the word Clear be disabled. I would like to provide a button outside the control to clear the contents of this control.
sketch_pad

Code

<StackLayout Grid.Row="0" Grid.Column="0"> <forms:SignaturePadView x:Name="signature" Grid.Column="0" Grid.Row="0" StrokeColor="Black" StrokeWidth="2" CaptionText="" HeightRequest="250" WidthRequest="250" SignatureLineColor="White" SignatureLineWidth="0" /> </StackLayout>

Basic Information

  • IDE:
  • Platform Target Frameworks: .Net Standard 2.0
    • Android:
    • iOS:
    • UWP:
    • Xamarin.Forms:
  • Target Devices:
    • iPhone 5s and 6 plus

Screenshots

Reproduction Link

msmrajesh commented

Hi,

I found that there is a property to disable the Clear link inside the signature pad. I have shifted the functionality to a button outside the signature control.

<forms:SignaturePadView x:Name="signature" Grid.Column="0" Grid.Row="0" StrokeColor="Black" StrokeWidth="2" CaptionText=""
HeightRequest="250" WidthRequest="250" SignatureLineColor="White" SignatureLineWidth="0" ClearText="" ClearTextColor="White" />

I would be thankful if you can guide how to remove the triangle icon in the signature control.

Thanks,
sketchpad_withoutclearlink

ismaelMH commented

Hi,
Just put an empty string for the PromptText property.
``
<forms:SignaturePadView x:Name="signature" Grid.Column="0" Grid.Row="0" StrokeColor="Black" StrokeWidth="2" CaptionText=""
PromptText = ""
HeightRequest="250" WidthRequest="250" SignatureLineColor="White" SignatureLineWidth="0" ClearText="" ClearTextColor="White" />

xhashimks commented

@ismaelMH - How to remove that triangle icon from the signature pad view?

jyt1902 commented

Just write below code on
signature.SignaturePrompt.Visibility=Visibility.Collapsed;

nomadtwin commented

@ismaelMH - How to remove that triangle icon from the signature pad view?

In case anyone is looking for this - changing the PromptText attribute to an empty string removes the black triangle:

<forms:SignaturePadView PromptText = "" />