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

[Hector Asencio]

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.

[Muneesh Kumar G]

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. 

 

[Hector Asencio]

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

[Sheik Syed Abthaheer M]

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; 

                } 

 

            } 

        } 

 

  

Sample: ImageEditor_Demo 

Regards,
M. Sheik