Version

Adding Text to WebImageViewer’s Header and Footer Areas

Before You Begin

The WebImageViewer™ control’s image viewer contains Header and Footer areas where you can place descriptive text. This text can be whatever your application requires, from describing the current image, to a copyright notice.

What You Will Accomplish

You will learn how to set the text for WebImageViewer’s Header and Footer areas.

Follow these Steps:

  1. Create a new ASP.NET AJAX-Enabled Web Site.

Ensure that Visual Studio adds an instance of the ASP.NET Ajax ScriptManager when it creates the project.

  1. Enable Infragistics Application Styling.

Ensure that Application Styling is enabled for your application. For help enabling Application Styling, see Enabling Application Styling Using the web.config File.

  1. Add WebImageViewer to your web form.

Locate the WebImageViewer control in the Visual Studio toolbox and add it to the web form.

  1. Set WebImageViewer’s Header text.

With WebImageViewer selected, expand the Header property in the Properties window. Set the following properties:

  • Text — Thelma’s Landscaping

  • Visible — True

  1. Set WebImageViewer’s Footer text.

With WebImageViewer still selected, expand the Footer property in the Properties window. Set the following properties:

  • Text — © 2008 Thelma’s Landscaping. All rights reserved.

  • Visible — True

  1. Run the application.

When you build and run the application, you’ll see text displaying in both the Header and Footer areas. Depending on the style you chose for you application, the Header and Footer text may look slightly different from the following screenshot.

WebImageViewer Header and Footer 01.png