RadToolBar as a History Bar

2 posts, 0 answers
  1. Rob
    Rob avatar
    13 posts
    Member since:
    Jan 2004

    Posted 10 Dec 2009 Link to this post

    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?
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 15 Dec 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top