Hi,

This works in my test:

document.onkeydown = function (e)
{
    var diagram = Diagram.find('diagram');

    if (e.keyCode == 113)
    {
        if (diagram.getActiveItem())
        {
            var item = diagram.getActiveItem();
            diagram.beginEdit(item);
        }
    }
}; 

Regards,
Lyubo
MindFusion

Hi,

I want to edit the shape node when I double click the node. I'm able to do this by the following code,

this.diagram.setAllowInplaceEdit(true);

But I don't want to do for composite node. For that I tried the below code,

    this.diagram.addEventListener(Event.enterInplaceEditMode, (sender, args) => {

      var element = args;

      var diagram = Diagram.find('diagram');
      if (diagram.getActiveItem()) {

        // TODO: Active item is wrongly coming as ShapeNode after clicking ShapeNode and then double clicking CompositeNode?
        var item = diagram.getActiveItem();

        //if (item instanceof CompositeNode) {
        if (!(item instanceof ShapeNode)) {
          diagram.endEdit(false);
        }
      }
    });

But the active item is wrongly coming as ShapeNode (which is having text and editable) after clicking ShapeNode and then double clicking CompositeNode?

May I know why this happens?

Regards,
Kannan

Thank you Lyubo.

I tried the below and it works,

var element = args.getItem();

But when I compare with CompositeNode like this, it returns false,

if (element instanceof CompositeNode) {

}

May I know why?

This works. Thank you ! 

Hi,

You can set maxLength on the textarea used for editing -

diagram.addEventListener(Events.enterInplaceEditMode, function (sender, args)
{
	args.getControl().maxLength = 33;
}); 

Regards,
Slavcho
Mindfusion

Hi,

Try calling the node's resizeToFitText method with KeepWidth as argument.

Regards,
Slavcho

Hi,

Call it from nodeTextEdited handler.

Regards,
Slavcho