Stoyo,

A while back, you sent me some code to attach two boxes (icon box and label box) together with the label box centered beneath the icon box.  See code below:

[code]
Image i = ( Image )e.Data.GetData( DataFormats.Bitmap );
Box icon = fcx.CreateBox( pt.X, pt.Y, 18, 10 );
icon.Picture = i;
//icon.PicturePos = EImagePos.imgTopCenter;
icon.FitSizeToPicture();
icon.FrameColor = Color.Red;
icon.Transparent = true;

// Create the text box that is attached to the image
Box label = fcx.CreateBox( pt.X - 16, pt.Y + 10, 40, 10 );

label.Transparent = true;
//label.MnpHandlesMask = 0;
//label.SelStyle = ESelStyle.sstInvisible;
label.FrameColor = Color.Black;
label.IgnoreLayout = true;
label.EnableStyledText = true;
label.Font = new Font( "Tahoma", 3f, GraphicsUnit.World );

// Centers the text under the image
RectangleF rcNode = icon.BoundingRect;
RectangleF rc = label.BoundingRect;
rc.X = rcNode.X + rcNode.Width / 2 - rc.Width / 2;
label.BoundingRect = rc;

MindFusion.FlowChartX.Group g = fcx.CreateGroup( icon );
g.AttachToSideMiddle( label, 2 );
[/code]

Currently, this code wraps a long line of code in which I do not want wordwrap.  It also pushes the label location either over the icon or pushes it farther down (see attached images).

I would want the label text to stay in the same location as in the image title (subject.jpg).

I also want to be able to edit the label box by double clicking it as well as to show a dialog in which I can edit the text on the label box.  I also want to be able to expand the label box while editing and not push the text up without being able to see what the user is editing.  Sort of like dynamically expanding the label text while in edit mode.

Can you provide me on how I could possibly be able to do this?

Thanks in advance

** I couldn't figure out how to attach the images so I will send them to your e-mail.

Stoyan,

I think I have it figured out but I don't know if this is the cleanest solution to solving the problem.  Any input would be helpful.

m_SelectedTextBox.Text = frm.txtLabel.Text.Trim();;

m_SelectedTextBox.BoundingRect = new RectangleF( m_SelectedTextBox.BoundingRect.Location, GetLineSize( m_SelectedTextBox.Text, e.Box.Font ) );

// Center the label under the icon node
RectangleF rcNode = ( m_SelectedTextBox.MasterGroup.MainObject as Box ).BoundingRect;
RectangleF rc = m_SelectedTextBox.BoundingRect;
rc.X = rcNode.X + rcNode.Width / 2 - rc.Width / 2;

// Match any newlines in the text to adjust the height of the label
int height = 5;
MatchCollection mc = Regex.Matches( m_SelectedTextBox.Text, "\r\n" );

if ( mc.Count == 0 )
    height = ( mc.Count * 5 ) + 9;
else
    height = ( mc.Count * 5 ) + 5;

m_SelectedTextBox.BoundingRect = rc;
m_SelectedTextBox.Resize( rc.Width, height );
 

I also changed the TextFormat.LineAlignment to StringAlignment.Near.

I only have to lock the label box to prevent the user from moving it while still retaining the ability to double click it for edits.

Thanks for your help.
Brandon

Stoyan,

I think I have attaching two nodes nailed down but I have run into another problem.

I have an icon box and a label box grouped together to create one node.  I create another node in the same manner and create an arrow to the label box of the first node.  I rotate the second node that was created around the first node which positions the second node on top of the first node.  The arrow is set to automatically route which causes the arrow to attach to the top of the label box (index 4 of the handles).  This also causes the arrow to go through the icon node.

What I would like to do is detach the arrow once it is routed to index 4 and then attach it to the icon node at index 4.  I looked at the ArrowRouted, ArrowModifying and ArrowAttaching event but I couldn't find where I could get a reference to the handles to determine which handle was attached to the arrow. 

Is this the best way to solve the problem I'm experiencing?  If so, how can I get a reference to the handle to detach and reattach to the icon node?

I hope this makes sense.

Thanks in advance