Version

Scrolling

WebTab™ displays scroll buttons to navigate through the tabs when the DisplayMode is set to Scrollable. These scroll buttons can be easily customized using the control’s ScrollButtons property. The ScrollButtons property provides you with a bunch of options where you can set the CSS classes and image URLs for the buttons and also the scrolling speed. The ScrollButtons object’s ScrollPosition property allows you to set the scroll position of tab items in number of pixels.

In HTML:

<ig:WebTab ID="WebTab1" runat="server" DisplayMode="Scrollable" Height="200px" SelectedIndex="3" Width="250px">
  <Tabs>
                …
  </Tabs>
  <ScrollButtons ScrollPosition="200" AutoHide=" EndSpeed="1000" StartSpeed="100" />
</ig:WebTab>

In Visual Basic:

WebTab1.DisplayMode = TabDisplayMode.Scrollable
WebTab1.ScrollButtons.ScrollPosition = 200
WebTab1.ScrollButtons.AutoHide = false
WebTab1.ScrollButtons.StartSpeed = 100
WebTab1.ScrollButtons.EndSpeed = 1000

In C#:

WebTab1.DisplayMode = TabDisplayMode.Scrollable;
WebTab1.ScrollButtons.ScrollPosition = 200;
WebTab1.ScrollButtons.AutoHide = false;
WebTab1.ScrollButtons.StartSpeed = 100;
WebTab1.ScrollButtons.EndSpeed = 1000;
Note
Note:

The value in the StartSpeed and EndSpeed properties defines number of pixels per second. During the first 1.5 seconds the scroll speed is gradually increased from the start speed to the end speed.