Intersoft WebDesktop Documentation
Walkthrough: Enabling complex images in WebContextMenu
See Also Send Feedback
Intersoft WebDesktop > Release History > V2.5 > WebMenu > Complex Images for Menu Item Style > Walkthrough: Enabling complex images in WebContextMenu

Glossary Item Box

This walkthrough shows you how to enable complex images in WebContextMenu.

During this walkthrough, you will learn how to do the following:

 Prerequisites

In order to complete this walkthrough, you will need the following:

  • Visual Studio 2005 Application.

 Step-By-Step Instructions

To enable complex images in WebContextMenu.

  1. Launch Visual Studio.NET 2005.
  2. Click on File menu, then select New and click Web Site.
  3. Select ASP.NET Web Site in the Template box and set Location to HTTP.
  4. Named the Web Site and click OK.
  5. Right-click on Project's name and select Add New Item.
  6. Select Intersoft AppForm in the My Templates box and named it as Walkthrough.aspx.
  7. Create images to be set to WebContextMenu's ImageSettings as the ActiveIconCell's image,  OverCenter's image, OverLeft's image and OverRight's image.
  8. Create an image to be set as WebContextMenu's BackgroundStripImage. In this walkthrough, you will use vista_icon_active.gif as ActiveIconCell's image, vista_menu_oc.gif as OverCenter's images, vista_menu_ol.gif as OverLeft's image, vista_menu_or.gif as OverRight's image and vista_menu_strip.gif as BackgroundStripImage.
  9. Copy the images that you have created to the application folder.
  10. Drag a TextBox to the WebForm (used for WebContextMenu's controlID).
  11. Drag a WebContextMenu control to the WebForm.
  12. Click the WebContextMenu's WebMenuBuilder to open the MenuBuilder window.

  13. Customize the menu like following:



  14. Go to WebContextMenu's properties >> MenuStyleSettings and set the following properties:

    Property Name Value
    BackgroundStripColor 240, 240, 240
    BackgroundStripImage vista_menu_strip.gif
    HighlightDisableItem True
    HighLightMode UseComplexImages
    IconCellWidth 27
    MenuAnimation True
    MenuWindowType Normal

  15. Go to WebContextMenu's properties >> MenuStyleSettings >> ImagesSettings and set the following images:

    Property Name Value
    ActiveIconCell vista_icon_active.gif
    OverCenter vista_menu_oc.gif
    OverLeft vista_menu_ol.gif
    OverRight vista_menu_or.gif

  16. Run the application and you will have a TextBox's ContextMenu like the following

See Also

© 2012 Intersoft Solutions Corp. All Rights Reserved.