scrolling to bottom after ajax postback

[Joshua Gates]

I currently have a listbox being populated from the client side. each time an ajaxfied timer ticks on the server side. I am wanting to always have the listbox scroll or stay scrolled at the bottom. The list box contains a list of messages from the server. and i am wanting the last message to always be visible which when i add it to listbox it is placed at the bottom.

any idea is appreciated

[Veselin Vasilev]

Hi Joshua Gates,

Here is how to do this - add the following javascript on your aspx page:

<script type="text/javascript">
    Sys.Application.add_load(function() {
        var list = $find("<%= RadListBox1.ClientID %>");
        var lastItem = list.getItem(list.get_items().get_count() - 1);
        lastItem.scrollIntoView();
    });
</script>

Hope this helps.

Regards,
Veselin Vasilev
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.

[Joshua Gates]

that works however is it possible to keep it at the bottom?
 when the page post back it will scroll to the bottom however the user can see the scroll... so is it possible to make the list box always show the bottom item without seeing the listbox scroll to the bottom each time.

[Veselin Vasilev]

Hello Joshua Gates,

I think this is not possible. Why don't you add the latest item on the top and have it selected?

Best wishes,
Veselin Vasilev
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.