<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>
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;