1. Home
  2. Forum
  3. Angular - EJ 2
  4. Userhandles and Image-node

Userhandles and Image-node

Hi,

I have 2 questions about the Diagram (EJ2):

The sample shows how to add a Clone-userhandle, but how to add the other userhandles (Anchor, Link and Settings)?
Do you also have a sample for this?

If I add a Image-node, the Image-node in the diagram shows the image, but the Image-node in the palette doesn't show the image (it only shows an empty rectangle).
How to solve this?

Many thanks in advance.


2 Replies
SG Shyam G Syncfusion Team July 13, 2018 12:11 PM UTC

Hi Sietse, 
 
Query 
Response 
The sample shows how to add a Clone-userhandle, but how to add the other userhandles (Anchor, Link and Settings)? 
Do you also have a sample for this? 
    We have created a sample in which we have rendered cloneTool and LinkTool userhandles with no functionalities for that tool. 
     You can code functionalities at your own for that tool. Please let us know if any clarifications on it. 
 
 
If I add a Image-node, the Image-node in the diagram shows the image, but the Image-node in the palette doesn't show the image (it only shows an empty rectangle). 
We have logged “Image node not rendered in symbol palette” as a defect. The fix for this issue is estimated to be available on volume 2 service pack 1 release which is scheduled to release by end of July,2018. 
 
 
Regards, 
Shyam G 


SG Shyam G Syncfusion Team July 13, 2018 12:51 PM UTC

Hi Sietse, 
 
Please ignore our previous update 
 
Query 
Response 
The sample shows how to add a Clone-userhandle, but how to add the other userhandles (Anchor, Link and Settings)? 
Do you also have a sample for this? 
    We have created a sample in which we have rendered cloneTool and LinkTool userhandles with no functionalities for that tool. 
     You can code functionalities at your own for that tool. Please let us know if any clarifications on it. 
 
Code example: 
//define handles 
    public handles: UserHandleModel[] = [ 
        { 
            name: 'cloneHandle', pathColor: 'white', backgroundColor: 'black', 
            pathData: 'M 41.44 44.46 L 41.44 85.14 L 85.37 85.14 L 85.37 44.46 z M 26.82 25.63 L 100 25.63 L 100 100 L 26.82 100 z' + 
                'M 0 0 L 65.85 0 L 65.85 12.75 L 12.54 12.75 L 12.54 73.33 L 0 73.33 L 0 12.75 L 0 6.39 z', 
            side: 'Left', offset: 1, horizontalAlignment: 'Center', verticalAlignment: 'Center' 
        }, 
        { 
            name: 'linkHandle', pathColor: 'white', backgroundColor: 'black', 
            pathData: 'M 61.24 100 L 61.24 61.92 L 0 61.92 L 0 32.92 L 61.24 32.92 L 61.24 0 L 100 49.99 z', 
            visible: true, offset: 1, side: 'Right', horizontalAlignment: 'Center', verticalAlignment: 'Center' 
        }, 
    ]; 
 
    //bind customtool 
    public getCustomTool: Function = this.getTool.bind(this); 
    public getTool(action: string): ToolBase { 
      let tool: ToolBase; 
      if (action === 'clone') { 
        let cloneTool: CloneTool = new CloneTool(diagram.commandHandler); 
        cloneTool.diagram = diagram; 
        return cloneTool; 
      } 
      return tool; 
    } 
    //set handles in selectedItems userhandles property 
    public selectedItems: SelectorModel = { 
        constraints: SelectorConstraints.UserHandle, 
        userHandles: this.handles 
      }; 
 
 
 
If I add a Image-node, the Image-node in the diagram shows the image, but the Image-node in the palette doesn't show the image (it only shows an empty rectangle). 
We have logged “Image node not rendered in symbol palette” as a defect. The fix for this issue is estimated to be available on volume 2 service pack 1 release which is scheduled to release by end of July,2018. 
 
 
Regards, 
Shyam G 


Loader.
Up arrow icon