Telerik UI for Windows Phone by Progress

Adding a RadCloudJumpList instance in your Windows Phone application

The following steps will guide you through the process of setting up a RadCloudJumpList instance on a Windows Phone page and binding it to a Cloud data source:

  1. Define a XAML namespace in the XAML file of your page as follows:


  2. Define a RadCloudJumpList instance on the page as follows:

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
            <TextBlock Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <telerikCloudControls:RadCloudJumpList x:Name="cloudJumpList"/>

    The RadCloudJumpList inherits from RadJumpList so you can use if in a similar way by using the same functionality and features.

  3. In order to initialize the connection between the RadCloudJumpList and the Telerik Cloud Data Services, you need to define an instance of type EverliveCloudDataService. This service is generic and you need to provide the type of items that you want to be used to populate the list. You can use the code snippet shown below to initialize the Everlive Cloud Data Service for RadCloudJumpList, where T is the type of data objects that you want to use:

    EverliveCloudDataService<T> jumpListCloudDS = new EverliveCloudDataService<T>();
    this.cloudJumpList.CloudDataService = jumpListCloudDS;