Selecting a custom image and a textbox and moving them across Image Editor at the same time

[Madhu Ganesh]

Hi,

I have a custom image and a textbox on my Image Editor that I would like to move as I drag my mouse across the image editor. I am able to select one at a time and move it but for convenience, it would be great if I could select both the text box and custom image and drag them to a specific place at the same time. Is there any functionality like that?

Thank you,

Madhu

[Ramya Soundar Rajan]

Hi Madhu Ganesh, 

 

Greetings from Syncfusion.

We would like to let you know that currently we are providing a support only to select and drag any of one item at the time in SfImageEditor. 

 

Regards, 

Ramya S 

[Madhu Ganesh]

Thank you for the info. I am looking to perform the following on SfImageEditor in iOS on a Xamarin Forms app:

Step 1: Click on a custom button that I have added to the toolbar items at the bottom of the image editor

Step 2: Load the svg image file corresponding to the custom button onto the image editor and have a popup ask for textbox string value that I enter as "A, B, C"

Step 3: I want both the svg file and the text box to move as one when I drag them across the image editor

Have attached a file for reference. The image shows the number "1" and there is a textbox with letters in red color font beside it. I want to move this image and text box together

Please suggest a Syncfusion control or any other method to satisfy this requirement

Best,

Madhu

Attachment: Screen_Shot_20200908_at_11.58.54_PM_d439406b.zip

[Sridevi Sivakumar]

Hi  Madhu Ganesh,

We have checked the provided screenshot and query, but with the current implementation of SfImageEditor , it is possible to make a selection of a single element at the time. Simultaneously, not possible to select more than one element as stated earlier.

We have checked other Syncfusion controls UI appearance and itself also not having the support like to select more than one object. Multiple selections allow like layout controls not for this picture or diagram customization control.

Regards, 

Sridevi S. 

 

[Madhu Ganesh]

Ok thank you. I have one other question. In my image editor, I am placing custom images of circle with number in it (image attached in zip folder).

When I select a number circle on the image editor,  imageeditor.ItemSelected is triggered and the SelectedItemName is always the same "Rectangle" regardless of which number image I select (screenshot attached). How can I change the SelectedItemName?

Thank you,

Madhu

Attachment: screenshots_imgeditor_9979e53d.zip

[Ramya Soundar Rajan]

Hi Madhu Ganesh, 

 

We have achieved your requirement by adding the custom view as image, you can get the selected custom view name when tapped the custom view from ItemSelected event by extending the CustomViewSettings  and added the SelectedImageName property  to get the selected image name as per in below.  

 

    … 

 

        editor.ItemSelected += Editor_ItemSelected; 

         

    … 

 

        private void Editor_ItemSelected(object sender, ItemSelectedEventArgs args) 

        { 

            if (args.Settings is CustomSettings) 

            { 

                var selectedName = (args.Settings as CustomSettings).SelectedImageName; 

            } 

        } 

   … 

 

    public class CustomSettings : CustomViewSettings 

    { 

        public CustomSettings() 

        { 

 

        } 

 

        private string selectedImageName; 

        public string SelectedImageName 

        { 

            get { return selectedImageName; } 

            set 

            { 

                selectedImageName = value; 

            } 

        } 

    } 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ImageEditor_CustomViewSample-942441250 

 

Note: The ItemSelected event argument SelectedItemName is a read only property. 

 

Please refer the below link to get more information about SfImageEditor custom view.   

  

https://help.syncfusion.com/xamarin/image-editor/customview  

https://www.syncfusion.com/kb/10620  

https://www.syncfusion.com/kb/8880  

 

Regards, 

Ramya S