1. Home
  2. Forum
  3. Xamarin.Forms
  4. Selecting a custom image and a textbox and moving them across Image Editor at the same time

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

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

5 Replies 1 reply marked as answer
RS Ramya Soundar Rajan Syncfusion Team September 4, 2020 07:31 AM UTC

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 


MG Madhu Ganesh September 9, 2020 07:03 AM UTC

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

SS Sridevi Sivakumar Syncfusion Team September 10, 2020 01:48 PM UTC

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. 
 


Marked as answer
MG Madhu Ganesh September 14, 2020 08:48 PM UTC

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

RS Ramya Soundar Rajan Syncfusion Team September 15, 2020 09:22 AM UTC

 
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; 
            } 
        } 
    } 
 
 
Note: The ItemSelected event argument SelectedItemName is a read only property. 
 
Please refer the below link to get more information about SfImageEditor custom view.   
  
 
Regards, 
Ramya S 


Loader.
Up arrow icon