Hi Lyubo,

After changing those fields to set methods, it works fine but the white border (because of shadow) doesn't look good. Is there any other option?

Regards,
Kannan

Hi Lyubo,

I did this workaround to fix this,

  private setCompositeNodeBorderColor(node: CompositeNode, borderColor: string, isSelection: boolean) {

    var background = node.getComponent("OutlineShape") as any;
    if (background) {

      var diagramElement = node.getTag().DataObject as DiagramElement;
      background.setStrokeThickness(this.strokeThickness);
      var borderColor2 = (isSelection || !diagramElement.isShadowElement) ? borderColor : "Transparent";
      background.setPen(borderColor2);

      if (diagramElement.isShadowElement) {

        if (isSelection) {

          node.setBounds(new Rect(diagramElement.x, diagramElement.y, diagramElement.width + 6, diagramElement.height + 6));

          var mainImageComponent = node.getComponent("MainImage") as any;
          mainImageComponent.margin.left = 3;
          mainImageComponent.margin.top = 3;
          mainImageComponent.margin.right = 3;
          mainImageComponent.margin.bottom = 3;
        }
        else {

          node.setBounds(new Rect(diagramElement.x + 3, diagramElement.y + 3, diagramElement.width + 0, diagramElement.height + 0));

          var mainImageComponent = node.getComponent("MainImage") as any;
          mainImageComponent.margin.left = 0;
          mainImageComponent.margin.top = 0;
          mainImageComponent.margin.right = 0;
          mainImageComponent.margin.bottom = 0;
        }
      }
    }

    node.invalidate();
  }

But still I could see a space in between the image and border when I do zoom.

Regards,
Kannan

Hi,

When using the isOutline property of the Shape component, all the contents of the template will clip to the shape's outline. For a following release, we can add a property that let's you turn off the clip.

Regards,
Lyubo
MindFusion

Hi Lyubo,

     May I know when this feature will be available? Looking forward for that.

Regards,
Kannan

Lyubo wrote on May 11^th, 2020 at 5:49am:

Hi,

This change is included in the latest JavaScript suite here; a standalone version is also published to npm: https://www.npmjs.com/package/diagram-library.

There's a new clipToOutline property added to CompositeNode that lets you specify whether contents of the node's template will clip to a shape outline or not.

Regards,
Lyubo
MindFusion

Hi,

I've a hierarchical diagram of composite nodes. In each node the expander icon is not shown. If I construct the diagram with shape nodes, the expander icon is showing up in the right side of the node. Please check the attached images.

Regards,
Kannan

Hi Lyubo,

I tried this earlier but icon is still not showing. Please check the uploaded sample in the below link,

https://drive.google.com/file/d/1ZMNJCweU3cotRokOLEMb5ndAQoXbsZRX/view?usp=shari
ng

Regards,
Kannan