Intersoft Community - Crosslight - How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

Arief — Thu, 06 Aug 2015 05:47:51 GMT

Yeah haha, i really feel it for you when there is no error at all, fortunately i can ask our programmer.
Also thanks to them i can found solution for my link assemblies error.

Anyway thanks for the kudos Jimmy! i appreciated it very much :)

If you have more question feel free to ask us!

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

jtungol@silentpartnersoft.com — Wed, 05 Aug 2015 05:16:35 GMT

Thanks Arief! You've been very helpful. The solution you provided does work. But, looking at those codes the logic is pretty much the same as our solution. I remember mentioning that we did the same approach with that of Nich's solution on iOS and not working on Android. Turns out the reason why the binding wasn't working is because the ID used on the layout was assigned to two components/controls namely the root and the child. That's just silly, I wonder why that didn't throw an error in the first place though. But it works now... thanks for your time and keep up the good work.

Kudos!

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

Arief — Wed, 05 Aug 2015 03:45:33 GMT

Hi Jimmy

Nevermind above post, i managed to make it done using source version of Signature Pad, feel free to check it out in attachment!

here is files that i changes in my project:
Android/SignaturePad/SignaturePadBindingAdapter.cs
Android/SignaturePad/MySignaturePad.cs
Android/Resources/Layout/MainLayout.axml
Android/Infrasturcture/AppInitializer.cs

Hope that'll helps!

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

Arief — Wed, 05 Aug 2015 02:36:57 GMT

Hi Jimmy

They already done developing Signature Pad but there maybe still reviewing from higher management but it was included with current sprint, so i can't say exactly when it will be released but likely not as a hotfix.

However i will help you for Android Signature Pad, maybe i can ask the development team the right method, maybe you can send us your code (or maybe just Binding Adapter and .cs for the assemblies). Also did you use the source code or assemblies downloaded from Xamarin?

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

jtungol@silentpartnersoft.com — Tue, 04 Aug 2015 02:17:31 GMT

Hi Arief,

Sorry no news for a long time i tried creating the samples for you however i got weird error when linking the assemblies to the Signature Pad (non sources) and already tried to contact other developer, you can see mine in the attachment. Could i see yours maybe i can help you fix it?

We did the same approach as what was shown on the iOS sample provided by Nicholas, but we are not getting any errors on Android. We did register the binding adapter and all other settings required to make it work. However, we may be missing something because even with the use of Crosslight v4 doesn't seem to help.

Also just a news for you we will support Signature Pad but maybe not as a hotfix, however as next version but still version 4, as far as i know the development team already done but i will ask them if you interested.

But we are very interested in this update as a hotfix if possible. This is really an important piece of our app, especially on field services... which is widely used on the iOS version.

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

Arief — Tue, 04 Aug 2015 01:55:39 GMT

Hi Jimmy,

Sorry no news for a long time i tried creating the samples for you however i got weird error when linking the assemblies to the Signature Pad (non sources) and already tried to contact other developer, you can see mine in the attachment. Could i see yours maybe i can help you fix it?

As you can see i handle the image getter when MotionEvent is Up and then pass it to bitmap which in turn will be transformed into Byte[], also don't forget you must register your bindingadapter inside your Android -> Infrastructure -> Appinitializer.cs, however i can't get it work because i send me link assemblies error, did you get the same error?

Also just a news for you we will support Signature Pad but maybe not as a hotfix, however as next version but still version 4, as far as i know the development team already done but i will ask them if you interested.

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

jtungol@silentpartnersoft.com — Tue, 04 Aug 2015 00:49:33 GMT

Hi All,

Can anyone help us regarding this issue? We tried the same approach with Android but the binding isn't working. Please advise.

Thanks!

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

jtungol@silentpartnersoft.com — Wed, 29 Jul 2015 13:37:10 GMT

Hi Nich,

I didn't get the chance to ask how we can achieve this same approach with Android. Kindly add the solution for Android. We do have issues converting this sample to Android, probably due to limited knowledge with how the platform works. So we're hoping you could update this solution to include the Xamarin.Anroid project.

Many thanks!

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

nicholaslie — Thu, 03 Apr 2014 06:41:33 GMT

Hi Domingo,

We have updated the sample in the GitHub link below"

https://github.com/IntersoftSolutions/CustomBinding

In this sample, I used the SignaturePad Component. In order to reflect the image to view model, first of all, I use UISignaturePad as a view that subclasses the SignaturePadView component. Create the ImageProperty in the UISignaturePad. Then, override the TouchesEnded Method from SignaturePad, and set the ImageProperty with latest image. Don't forget to give SetPropertyValue to the ImageProperty setter in order to reflect the ViewModel. The reflected value will be set in the ViewModel.

Thanks,

Nicholas

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

dfugaban@silentpartnersoft.com — Tue, 01 Apr 2014 13:55:36 GMT

Thanks for your response. This should be a good start. But the sample application is a setter. What we need is the other way around. We need to get the value from the component, not set its value. The SignaturePad component does not provide a setter, which is why we implemented a public property Image to a View wrapper and invoke the GetImage from the gettter of the property. Thanks!

What we are trying to do here is wrapping a component so that it is bindable in such a way that any changes from the component should also be reflected to the viewmodel. We hope we are making much more sense here than our first post. You showed us how to set a property value of a component, but HOW do we read any changes from that property?

NOTE: We wish a technical document will be available soon, similar to MSDN website where Crosslight framework's properties, methods, etc are exposed with samples. Something we can look at in times like these. The response time isn't enough during realtime development. And chat availabililty should be a 24-hour support.

How to Use Crosslight BindingProvider on Custom Views like SignaturePad (NO FormMetaData HERE)

dfugaban@silentpartnersoft.com — Mon, 31 Mar 2014 21:17:19 GMT

Hi,

We are in need of Signature Pad to and save the image captured to a database. With the use of Crosslight, we simply cannot figure out how to bind a readonly property, implemented with a (get;) to bind with the view. We understand the BindableProperties.ImageProperty should be able to do this since we have implemented a public property called Image with a type of UIImage. However, this is not working on our side. We had to implement a readonly property since we are not reloading the image, but we only need to capture and return its data once the DoneCommand has been invoked.

QUESTION: Does Crosslight support binding to an Image property from custom components such as the Signature Pad? https://components.xamarin.com/view/signature-pad

NOTE: We are attaching the sample codes that we used to imlement this scenario.

https://www.dropbox.com/s/b9plho8fygvlz0w/SignatureView.zip