Hi Stoyan,

We want to create a shapenode with following functionality.

1) Node should be resizable.
2) Node should have Image and Text.
3) Text should be inside the node at BottomCenter position.
4) Text should have a icon associate with it at topright corner.
5) Node should be transparent but should have some shade of gray color.
6) Node's transparency should not have any effect on text and image.


Thanks,
Anshul

Hi Stoyan,

We have sent sample images to your support ID. Please have a look into them.

Please suggest how to get the required Shape.

Regards,
Anshul

Hi Stoyan,

Many thanks for the code snippet.

With this implementation, we are still facing two issues.

1). We need text trimming when text is long(Text length is greater than the node width).

2). Text should have some spacing from the bottom; currently it is touching the node border.

Regards,
Anshul

yes I have set node.ClipToBounds = true but still text is not trimming.

I have not set ModificationEffect = MoveShades still I am getting the problem. Please suggest how can I Trim the text ?

Regards,
Anshul

Hi Stoyan,

Here is the code snippet

ShapeNode mainNode = new ShapeNode(diagram);


Font nodeFont = new Font("Calibri", 12);
mainNode.Font = nodeFont;
mainNode.TextFormat.Alignment = StringAlignment.Center;
mainNode.TextFormat.LineAlignment = StringAlignment.Center;
mainNode.TextFormat.Trimming = StringTrimming.EllipsisCharacter;

var format = new StringFormat();
format.Alignment = StringAlignment.Center;
format.LineAlignment = StringAlignment.Far;
format.FormatFlags = StringFormatFlags.NoWrap;
format.Trimming = StringTrimming.EllipsisCharacter;
mainNode.EnableStyledText = true;
mainNode.PolygonalTextLayout = false;
mainNode.TextFormat = format;
mainNode.ClipToBounds = true;

mainNode.HandlesStyle = HandlesStyle.SquareHandles | HandlesStyle.EasyMove;
mainNode.EnabledHandles = AdjustmentHandles.ResizeHandles | AdjustmentHandles.Move;
diagram.Nodes.Add(mainNode);

mainNode.Shape = Shapes.Rectangle;
mainNode.Bounds = new Rect(new Point(50,50,50,50);
mainNode.Brush = new SolidColorBrush(Color.FromArgb(95, 211, 211, 211));
mainNode.Pen = new Pen(new SolidColorBrush(Color.FromRgb(189,186,105)),1);

mainNode.Image = new BitmapImage(new Uri(@"..\..\Image.png", UriKind.RelativeOrAbsolute))
mainNode.ImageAlign = ImageAlign.TopLeft;
mainNode.Text = “Its not Trimming”;
mainNode.TextBrush = Brushes.Black;
 

Regards,
Anshul

Hi Stoyan,
Any update on this?

Regards,
Anshul