Adding Custom Images to InputDataNavigator Items

In this topic, you will add a custom image to an InputDataNavigator item using the designer and code.

The image used in this topic appears in the table below. To use this image, right-click the graphic to open its context menu, select Save Picture As, and then save the image as a .bmp file.

Image

If you prefer, you can use your own 16 x 16 bitmap image.

Adding Custom Images Using the Designer

To add custom images, complete these steps:

Click C1InputPanel's smart tag () to open the C1Input Tasks menu and then select Edit Items.
The C1InputPanel Collection Editor opens.
Select an InputDataNavigator from the drop-down list and click Add.

An InputDataNavigator component appears in the Members pane.
Select inputDataNavigator1 from the Members pane to reveal its list of properties.
Locate the MovePreviousImage property and click its ellipsis button $Description: D:\Whidbey\T111\Projects - WinForms\WinForms_C1InputPanel\Other Graphics\btn_ellispsis.png$ .
The Select Resource dialog box opens.
Click Import.
The Open dialog box opens.
Navigate to your custom image, select the image file, and then click Open to open the file.
Click OK to close the Select Resource dialog box.
Click OK to close the C1InputPanel Collection Editor and observe that the Move Previous button now appears with your custom image.

Adding Custom Images Programmatically

To add custom images, complete these steps:

Click C1InputPanel's smart tag () to open the C1Input Tasks menu and then select Edit Items.
The C1InputPanel Collection Editor opens.
Select an InputDataNavigator from the drop-down list and click Add.

An InputDataNavigator component appears in the Members pane.
Click OK to close the C1InputPanel Collection Editor .
Double-click Form1 to add a Form_Load event to Code view.

Import the following namespace into your project:

To write code in Visual Basic

Visual Basic	Copy Code
Imports C1.Win.InputPanel

To write code in C#

C#	Copy Code
using C1.Win.InputPanel;

Add the following code to the Form_Load event to set the MovePreviousImage property to the path of your image:

To write code in Visual Basic

Visual Basic	Copy Code
inputDataNavigator1.MovePreviousImage = System.Drawing.Bitmap.FromFile("C:\Images\YourCustomImage.gif")

To write code in C#

Build the project and observe that the Move Previous button now appears with your custom image.

C#	Copy Code
inputDataNavigator1.MovePreviousImage = System.Drawing.Bitmap.FromFile(@"C:\Images\YourCustomImage.gif");

This Topic Illustrates the Following:

The following image shows InputDataNavigator's Move Previous button with a custom image: