How to finish editing label on enter press

Thread ID:	Created:	Updated:	Platform:	Replies:
143731	Apr 3,2019 04:11 AM UTC	Apr 3,2019 06:29 AM UTC	ASP.NET Web Forms (Classic)	1

Subscribe to this post

Tags: DiagramWebControl

David van Laar Veth

Asked On April 3, 2019 04:11 AM UTC

Hi,

When I am editing the label of a connector and press enter, I do not want the label to have a new line, but instead finish editing and apply the text entered (without a new line character) to the label.

Is there any way to do this?

Regards,

David

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On April 3, 2019 06:29 AM UTC

Hi David,

Please use diagram commandManager to achieve your requirement. While editing a label, when we press enter key, the command manager executes method(stopEdit) will be called and we have performed endEdit action in it. Please refer to the code example and help documentation.

Code example:

Aspx.cs

Aspx

var Commands = new Dictionary<string, object>

{

"stopEditing",

new Command

{

CanExecute = "canStopEdit",

Execute = “stopEdit”,

Gesture = new Gesture {Key = Keys.Enter }

}

};

DiagramContent.CommandManager.Commands = Commands;

function canStopEdit() {

if (args.model.selectedItems.children.length > 0) {

return true;

}

function stopEdit() {

var diagram = $("#diagram").ejDiagram("instance");

//label editing stop once we press an enter key diagram.model.commandManager.commands["endEdit"].execute(args);

}

</script>

Help documentation: https://help.syncfusion.com/aspnet/diagram/commands#command-manager

Regards,

Ramya T

Reply | Reply with quote

CONTACT US

How to finish editing label on enter press

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US