Editor bounds not filling screen

I am trying to start up the ImageEditor with certain text already in place. I barely have anything, but what I do have is acting strange. I create the editor, add the source, add the editor to the page, then OnAppearing I add the text (this is the only way I was able to get the text to even appear besides using a button). The issue is, when it loads up, the edit area is smaller than it is suppose to be. It it slightly above the color toolbar, and slightly in on the right side. If I rotate the image, it seems to set it back to the size it should be, but it shouldn't be like that in the first place. Any ideas or a more efficient way of doing this?

public partial class MainPage : ContentPage
{
        SfImageEditor editor = new SfImageEditor();

        public MainPage()
{
            InitializeComponent();
            editor.Source = "link.png";
            this.Content = editor;
            
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            AddText();
        }

        void AddText()
        {
            editor.AddText("Text", new TextSettings() { Color = Color.Black, BindingContext = 16 });
        }

 }

1 Reply

MV Mohana V Syncfusion Team March 29, 2018 07:03 PM UTC

Hi Josh,

Sorry for the inconvenience caused.

Query 1: "Text not appearing while add it initially"

We have validated the reported issue and found workaround to overcome this issue and this can be achieved by loading OnAppearing() method asynchronously with time delay as like below,

Code snippet:

protected override async void OnAppearing()
{
await Task.Delay(1000);
AddText();
base.OnAppearing();
}

As of now Image editor control doesnt have Imageloaded event to overcome the issue and we will consider adding Loaded event for Image editor and this will be included in our upcoming essential studio vol 2 release which is expected to be released on second week of May,2018.

We have created image editor sample along with the workaround and please get it from the below location,

http://www.syncfusion.com/downloads/support/directtrac/general/ze/ImgPanning-472096112 

Query 2: "The edit area is smaller than it is suppose to be. It it slightly above the color toolbar, and slightly in on the right side."

We are unable to reproduce the reported issue. So could you please share us the exact replication procedure along with video or screenshot so that we would assist you further from our side

Regards,
Mohana V

 


Loader.
Up arrow icon