How to show Text in the left side of the StepNode

Hi, Jason

I have known how to show Text in the bottom of the Node (Diagramshapes.Rectangle). http://www.mindscapehq.com/forums/thread/3756787

However, How to show Text in the left side of the StepNode?

Furthermore , can i set the text left alignment in the textbox? (as shown in the attached image)

Thank you very much!

Hi Andrew,

I'll get back to you about this.

-Jason Fauchelle

Hi Andrew,

Using the same code in the forum post you linked, putting the TextBox on the left side of the node can be done by setting the ContentMargin of the ShapeLayout to "10,*,*,*". And the alignment of the text within the TextBox can be changed by setting the TextAlignment property to "Left" of the TextBox within the NodeContentTemplate. Let me know if you have further questions about this.

-Jason Fauchelle

Hi Jason

I have tried the followed code, but it cannot work. Could you give me a sample code. Thank you very much!

        <ms:ShapeLayout x:Key="{x:Static ms:DiagramShapes.StepNode}"
            Geometry="M 0 0 L 1 0 L 1 1 L 0 1 Z"
            ConnectionPointPositions="L 0,0.25 R 1,0.25 B 0,1 T 0.25,0.25"  
            ContentMargin="*,*,*,10"
            />

        <ms:ShapeLayout x:Key="{x:Static ms:StepNode}"
            Geometry="M 0 0 L 1 0 L 1 1 L 0 1 Z"
            ConnectionPointPositions="L 0,0.25 R 1,0.25 B 0,1 T 0.25,0.25"  
            ContentMargin="*,*,*,10"
            />

Andrew

Hi Andrew,

What if you try a ContentMargin of

10,*,*,*

This works in the same way as the WPF Margin or Padding properties on controls. Each of the four parts defines the padding for Left,Top,Right,Bottom in that order. 10 on the left means that there will be 10 pixels between the left side of the node and the text box. * on the right means that there will be as much padding as will fit from the right side of the node to the text box - which will push it towards the left. * on the top and bottom will center the text box vertically.

Hope that helps, let me know how it goes.

-Jason Fauchelle

Hi Jason

 I know the style of StepNode is inhered from ShapeNode, If we set the Left Alignment Style  of ShapeNode .

The Textbox of StepNode will be in the left side, It works well.

 However , My question is ,  are there some way to set the StepNode left alignment,    while keep the style of ShapeNode default.

Thank you !

Andrew

Hi Andrew,

Unfortunately since changing the margin is done within the definition of the shape, any node that uses that shape will use that alignment of the content which can not be overwritten. It may be best to create a custom shape so that one shape has a center aligned text box, and another has a left aligned text box. Let me know if that does not answer your question.

-Jason Fauchelle

Hi Jason

   I got it ,thank you very much!

Andrew