I try to insert images via an OpenFileDialog into flowchart. As far as I see it I have to create a Box and put the selected image into the Image property of the box.

Box box  =  btChart.CreateBox(10,10,50,50);
box.Style = BoxStyle.Rectangle;
if (openImageDialog.ShowDialog() == DialogResult.OK)
{
  try
  {
     box.Image = new Bitmap(openImageDialog.FileName);
     box.FitSizeToImage();
  }
  catch (ArgumentException)
  {
  }
 

So far so good. The image appears within the box.

But if the user now tries to resize the image by resizing the box with the mouse the box does not keep the aspect ratio of the image and the box appears behind the image.

So two questions arise:

Is it the best way to insert an image into flowchart by putting it into a box object? Or is there another (better) way?

How can I keep the aspect ratio of a Box and an embedded image?

Thanks for your help

Dirk

I did as you suggested.

Box box  =  btChart.CreateBox(10,10,50,50);
box.Style = BoxStyle.Rectangle;
if (openImageDialog.ShowDialog() == DialogResult.OK)
{
try
{
box.Image = new Bitmap(openImageDialog.FileName);
box.ImageAlign = ImageAlign.Fit;
box.Transparent = true;
}
catch (ArgumentException)
{
}
 

But now if I try to connect the ImageBox with another Box and the ImageBox is not exactly of the same size as the embedded image the arrow will begin in the nowhere.

This is because the box does not keep the aspect ration of the image and so the arrow begins at the transparent box.

Please see below picture



Is there an easy way to let the box keep the same size as the emebdded image?

Dirk

Stoyan, your support is just fantastic! That is exactly what I was looking for.

Sorry that I didn't find it myself.

Thanks
Dirk