We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to disable the popup of the Text element and modify the text on the element without popup

I will like to disable the popup the opens to edit the text on the sfImageEditor, is there a way to edit the text directly in the text element, without opening the popup?
Thanks in advance.

3 Replies

MK Muneesh Kumar G Syncfusion Team January 16, 2019 12:57 PM UTC

Hi Hector, 
 
Greetings, we have analyzed your requirement and we would like to inform you that currently we don’t have support to disable the popup while editing text in image editor.  
 
Since, we have provided the multiple support (rotate the text, customizing text size and its style) in text edit mode, we cannot handle to edit the text directly in text element. 
 
For example, if we rotated the text or provided the large text (or large font) and try to edit text directly in text element, it will not give right user interaction experience while editing text.  
 
So, we have considered these cases and framed control architecture to show popup to edit the text (displayed as normal text even text in rotate and large text cases) in image editor.  
 
Thanks, 
Muneesh Kumar G. 
 



HA Hector Asencio January 16, 2019 01:19 PM UTC

Thanks for your response, 

We aren't allowing the user to rotate the text at this moment, we are limiting the user interaction up to certain point. This leads me to ask. Is there a way to customize the popup that open to meet my application design, or is there a workaround to creating some sort of custom view with a TextBox inside in order to make this feature posible,

Thanks,
Hector


SS Sheik Syed Abthaheer M Syncfusion Team January 18, 2019 01:45 PM UTC

Hi Hector,

As informed earlier, we don’t have support to directly edit the image editor text. You can meet your requirement (for limited support) in workaround by adding custom view as text box in ToolbarItemSelected event as shown in below code. In this, we have to control the text customization in sample level.

 
private void ToolbarSettings_ToolbarItemSelected(object sender, ToolbarItemSelectedEventArgs e) 
        { 
            if(e.ToolbarItem.Text =="+Add") 
            { 
                e.Cancel = true; 
                if (!isTextAdded) 
                { 
                    editor.AddCustomView(editableText, new CustomViewSettings()); 
                    isTextAdded = true; 
                } 
 
            } 
        } 
 
  

Regards,
M. Sheik
 




Loader.
Live Chat Icon For mobile
Up arrow icon