RadToolBar as a History Bar

[Rob]

I have a RadToolBar on my page and I am wondering if I can use it as a history bar for where the user has been within my application.  I want it to show the 10 most recently visited pages within my application.  I want the oldest history to be on the left and the most recent history to be on the right.  Some of the page names can get quite long, so I want it to truncate on the left.  In other words, if the toolbar buttons are about to wrap (which I know they don't), then I want the left-most buttons to be truncated or removed entirely.

Problem is, I don't know what screen resolution the user will use on my site, and many of the button names are long.  So, the buttons are added off the page to the right, so you can't see the button with the most recent page visited unless you scroll the page all the way to the right.

Has anyone been able to do this?  Or have a reached the limits of what this control can do?

[Yana]

Hi Robert,

I suggest you use RadTabStrip in this case because of its Scrolling mechanism:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server"
                PerTabScrolling="true"
                ScrollButtonsPosition="Left"
                Skin="Simple"
                ScrollChildren="true"
                OnClientLoad="clientLoad"
                >

</telerik:RadTabStrip>

In ClientLoad event handler you can set the scroll position in a way that the most right items to be visible:

function clientLoad(sender) {
    sender.get_tabs().getTab(sender.get_tabs().get_count()-1).scrollIntoView();
}

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.