RadJumpList for Windows Phone extended: Support for Sticky Header

Friday, August 19, 2011 by Deyan Ginev | Comments 3
?
Email to a friend

Besides inheriting all performance improvements coming from RadDataBoundListBox RadJumpList further extends its functionality in our latest Mango Build with Sticky Header support. A sticky header is nothing more but a group header that is statically positioned at the top edge of RadJumpList’s viewport displaying the currently focused data group –just like in the revamped phonebook in Windows Phone Mango.

This new functionality brings some small API extensions. There are now two new properties exposed by RadJumpList:

  • IsStickyHeaderEnabled
  • StickyHeaderTemplate

The IsStickyHeaderEnabled property determines whether a sticky header is shown or not. This property is set to false by default.

The StickyHeaderTemplate property can be used to specify a custom data template for the sticky header. By default the template used for the sticky header is the same template used for a data group header.

The screenshot below demonstrates RadJumpList displaying a sticky header. You can find this example in our Demos App available on the WP7 Markeplace:

 

You can try out this new functionality by downloading the Mango release of RadControls for Windows Phone here:

http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=0&pid=777

?
Email to a friend

3 Comments

  • Deepa 22 Oct 2011
    Deyan,
    Is there a way to make the header look like it is pushing up the header like in mango.
  • Deyan Ginev 02 Nov 2011
    Hi Deepa,
    Currently, the scrolling animation is performed on a separate thread to which we, as developers, do not have access. This thread updates the scrolling parameters in given time-intervals which makes it impossible to track the scrolling animation in a pixel-perfect manner and thus push up the header like in the native OS.
  • Kevin Schaefer 05 May 2012
    The margins/padding of the text is different for the sticky header than the other headers.

Add comment

  1. Formatting options
       
     
    		 
    		 
     
       
  3. (optional, emails won't be shown on public pages)
  4. (optional)
Read more articles by Deyan Ginev - or - read latest articles in Developer Tools
Bloggers Archive Tags