Unable to Add Text on Android when Using SFImageEditor

[Anacle Mobile Team]

Hi all,

I've been using SFImageEditor on my Xamarin.Forms app for iOS and Android platforms. However, the "+ Add" text button doesn't work on Android. The "+ Add" text button works fine on iOS, but there is no text box appearing after clicking it on Android. It would be very helpful to get some advice on this. Thanks.

[Sridevi Sivakumar]

Hi Nicholas Ng Nuo Yang,

Greetings from Syncfusion.

We have checked the reported query with SfImageEditor control Xamarin Forms Android platform, and the textbox is appearing properly while clicking the +Add toolbar item.  We have prepared a sample and video for your requirement, please have from below link

Sample link: https://www.syncfusion.com/downloads/support/forum/162462/ze/ImageEditor1663395272

Video link: https://www.syncfusion.com/downloads/support/forum/162462/ze/EditorVideo344878980

Tested device details:

MI A3  (Android  OS version: 10)
HUAWEI PRA (Android  OS version:  8 )

SfImageEditor verison: 18.4.0.42

Xamarin.Forms version: 4.8.0.1687

Can you please provide detailed information on the reported query?  
·       Please provide the parent view structure where the SfImageEditor added.   

·       Can you please share the issue reproducing video?   

·       If the issue is not reproduced in the above sample, please revert us by modifying the sample based on your application along with the replication procedure.  

·       Can you provide the overall page structure used in your project?   

·       Can you share the Xamarin.Forms, Syncfusion versions and device configuration details?

Let us know if you need any further assistance.

Regards,
Sridevi S.  

 

[Anacle Mobile Team]

Hi Sridevi,

Thanks for your reply. Kindly find attached:

1.  A video showing the "Add Text" error that I am encountering.
2.  The code of the parent view structure where the SfImageEditor is added (line 56).

Device - LG G7 ThinQ (Android  OS version: 10)

Xamarin.Forms Version - 4.7.0.1351

Syncfusion Version - all 18.4.0.31 (I tried updating SfImageEditor to the latest version 18.4.0.43, but still cannot add text)

Please let me know if you need more info. Thanks.

Attachment: syncfusion_ba87fedf.zip

[Sridevi Sivakumar]

Hi Nicholas Ng Nuo Yang,

Thanks for sharing the code snippet and video.

We have checked the reported issue with provided code snippet. And we found that you have added the SfImageEditor and Image control both are same Row, Column, ColumnSpan.

So, Image control image is overlapped with SfImageEditor. But in shared video we didn't see the Image control.

Have you added any code to hide the Image control image in code behind?

We have prepared sample with provided code snippet, and we have collapsed Image control visibility in sample.

Please have a sample from below link.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ImageEditor_Sample-1800996406

Please check the sample, if the issue persists, please modify the same with the issue reproducing steps, which will be helpful for us to analyse further and provide an appropriate solution.

Regards,
Sridevi S. 

[Anacle Mobile Team]

Hi Sridevi,

Thanks for your help again. 

Yes, The IsVisible attributes for both SFImageEditor and Image controls are being manipulated in the code behind. If the source is an image, SFImageEditor will be visible and Image control will NOT be visible. On the other hand, if the source is a video or document, then visibility will be the other way round.

Also, I discovered that the text field is actually added after adding text. However because the size of the text field is too big, the textbox is positioned in a way where the transparent blank space between/around the characters within the textbox is displayed on the image as a default. That is why it looked like nothing is added. Any advice on this?

Thanks.

[Anacle Mobile Team]

Hi Sridevi,

Please ignore my previous statement about the textbox being too big. I discovered something else. 

As can be seen in the attached video, the textbox can actually be added. However, to do that, we need to hide the keyboard before clicking "Ok". Is there any way to add text without having need to hide the keyboard?

Thanks.

Attachment: Recording_20210224141316_e2d442c3.zip

[Eswaran Thirugnanasambandam]

Hi Nicholas Ng Nuo Yang, 

 

 Thanks for your update. 

 

We checked your requirement “Is there any way to add text without having need to hide the keyboard” and we would like to inform you that we don’t have the support to hide the keyboard when adding the text. If we remove the keyboard, we cannot be able to type any text in the text field, so the Keyboard will be displayed always when the text is added. 

 

Regards, 

Eswaran   

[Anacle Mobile Team]

Hi Eswaran,

Thanks for your reply. I don't mean to remove the keyboard completely. If you break the steps in video down one by one, you can see that I had to 1. Press Add -> 2. Type in my text -> 3. Here is where I had to hide the keyboard -> 4. After hiding and click OK, then only the textbox will display on the image. If not, then it will be like before (no textbox shows up). Is there any way to work around to not need to hide the keyboard before clicking OK for the textbox to be added?

Many thanks. 

[Sridevi Sivakumar]

Hi Nicholas Ng Nuo Yang,

We have analysed your requirement and we would like to inform you that we are handling enable and disable the Add Text popup only. It will be closed by clicking Cancel or OK button.

Keyboard visibility is handling by the framework while focus the editors. So, we can't restrict the keyboard visibility and don’t have workaround way to restrict keyboard visibility.

Please let us know if you need any other assistance.

Regards,
Sridevi S. 

 

[Anacle Mobile Team]

Hi Sridevi,

Restricting keyboard visibility is not the workaround that I am looking for. As seen the video example I uploaded, in order for the textbox to pop up, I had to hide the keyboard before clicking OK. If I don't hide the keyboard and click OK, there will be no textbox showing up. Is there any way to not need to hide the keyboard before clicking OK for the textbox to be added?

Thanks.

Attachment: Recording_20210301124319_d0c65a47.zip

[Sridevi Sivakumar]

Hi Nicholas Ng Nuo Yang,

We have tried to replicate the reported issue "Text not adding in SfImageEditor" at our end, we are afraid that we are not able to reproduce the issue at our end.

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ImageEditor_Sample213954872

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Editor_Video-1663612728

Can you please check the sample and video?

If the issue is not reproduced in the above sample, please revert us by modifying the sample based on your application.

This will be helpful for us to investigate further and provide you a better solution at the earliest.

Regards,
Sridevi S.