ComponentOne Menu for ASP.NET: Menu Behavior > Menu Scrolling > Scroll Menu Settings

Scroll Menu Settings

You can use the ScrollSettings property specify the following settings for the menu scrollbars:

      Scroll Button Types

You can use the ScrollMode property to specify the type of scroll button. The following scroll button types are available:


The None setting disables the scroll behavior.


The Buttons setting has two arrow buttons, one for the left and one for the right side of the menu bar or menu item. An arrow button appears in focus when you click on the button.

      Buttons Hover

The buttons hover setting has the same appearance as the Buttons setting. When you hover over the arrow button the button appears in focus.


The Hover setting has not buttons. To make the menu scroll hover on one of the end sides of the menu bar or menu item.


The ScrollBar setting includes a horizontal and vertical scrollbar by default.


      Scroll Button Position

You can use the ScrollButtonAlign property to specify whether the buttons appear on both sides, the start side, or the end side.

Both Sides

Start Side

End Side

      Scroll Content Height and Width

You can use the ScrollContentHeight and ScrollContentWidth to specify the height for vertical scrollbars and the width for horizontal scrollbars. To see how to use the ScrollContentHeight property, see Add Scrolling to Vertical Top Level Menu. To see how to use the ScrollContentWidth property, see Add Scrolling to Vertical Sub Menu.

      Scroll Button Orientation

You can use the ScrollOrientation to specify whether the scrolling is horizontal or vertical. For a horizontal menu you would set the ScrollOrientation property to horizontal and for a vertical menu you would set the ScrollOrientation property to vertical.

      Scroll Step

The ScrollStep property controls how each menu item moves while scrolling. The lower the step the slower the menu items move. The default scroll step is 4 which means four pixels move in sync while you are scrolling. To make one menu item move at a time, set the ScrollStep to 1.

Send comments about this topic to ComponentOne.
Copyright 1987-2010 ComponentOne LLC. All rights reserved.