setting scrolling properties on client side

[dick]

I have a tabstrip that I add tabs on the client side dynamically.

<telerik:RadTabStrip ID="RadTabStrip1" ScrollChildren="true" ScrollButtonsPosition="Right" Orientation="HorizontalTop"
                        SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1" OnClientTabUnSelected="ontabUnselected"
                        OnClientTabSelected="ontabselected" Skin="Office2007">

I need to have a scroller when the width of the tabs are too long for the page to handle. Currently, what happens is that the last tab that does not fit the length of the page creates a second level of tabs below the original tabs.

If the length of the tabs are too long on page load, the scrolling works. But if the length of the tabs does not require a scroller on page load, the scroller does not come up even when a lot of tabs are already added.

How do I set the scrolling to true at the client side when needed?

[Kamen Bundev]

Hello Dick,

You can call the RadTabStrip's repaint() method when needed to reflow RadTabStrip and initialize scrolling.

Sincerely yours,
Kamen Bundev
the Telerik team

[dick]

Hi Kamen

Thanks for the reply. It's working fine now. the only problem is that while scrolling to the last tab, the arrows also scroll to the top of the page until it is almost completely out of the page.

Attached are two images for you to have a better picture of whats happening.

Also, when some of the tabs are already deleted and the tabs fit the tabstrip, the tabs still move to the left when I call scrollIntoView on a certain tab. This causes some of the tabs to be unviewable and thus unselectable. This happens when there is no scroll arrows anymore after deleting some tabs.

Thanks in advance.

[Kamen Bundev]

Hi Dick,

Can you provide a live URL to this site so we can reproduce this behavior?

All the best,
Kamen Bundev
the Telerik team

[dick]

Hi Kamen,

Sorry I am unable to send you a URL. Can you instead send me a working sample complete with CSS?
Thanks in advance.