The ResizeMode property determines whether the BinaryImage should be resized automatically if the Height and Width are set in pixels. BinaryImage supports three Resize Modes:

• Fit: Resizes the image to fit the set Height and Width, without disturbing the original aspect ratio of the image.
• Fill: Stretches the image to the set Height and Width.
• Crop: Crops the image area beyond the set Height and Width.

This topic demonstrates how to change resize modes and how they appear in the output.

In the Designer

1. Select the BinaryImage control and click the smart tag   to open the BinaryImage Tasks Menu.
2. Set the Height to 100px and Width to 100px.
3. Set the ResizeMode to Fit.

In Source View

Set the Height, Width and ReziseMode in the <cc1:C1BinaryImage> tag to resize the BinaryImage control.

<cc1:C1BinaryImage ID="C1BinaryImage1" runat="server" ImageUrl="~/Koala.png" Height="100px" ResizeMode="Fit" Width="100px" />

In Code

Add the following code to the Page_Load event, to resize to the BinaryImage control:

To write code in C#

To write code in Visual Basic

What You've Accomplished

When you run the project, notice that the image has been resized according to the Resize Mode.

Original Image:

The following image shows how the image appears in Fit mode:

The following image shows how the image appears in Fill mode:

The following image shows how the image appears in Crop mode: