Telerik UI for Windows Phone by Progress

Adding a RadPictureGallery instance in your Windows Phone application

The following steps will guide you through the process of setting up a RadPictureGallery instance on a Windows Phone page:

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


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

    <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">

  3. The default object type that the RadCloudPictureGallery uses is called EverlivePictureItem. This type is associated with the Telerik Everlive Cloud services. If you need to extend the picture objects with additional properties, you will need to inherit from this type, otherwise you can use it out-of-the-box. To make sure the RadCloudPictureGallery is able to work with the Telerik Everlive Cloud Service, you will need to create the content type where the pictures will be stored. In the default case the content type should be named as the default picture type: EverlivePictureItem. If you want to change this, you should inherit from EverlivePictureItem and use the ServerTypeAttribute to specify a new content type name for the picture objects. In order to load the images and/or apply custom filtering you need to define an EverliveCloudDataService like in RadCloudJumpList.

    Creating a new content type is done on the Everlive portal as shown on the picture below:

    Synchronization-Manual 2

  4. In order to use the sharing feature, you will need to add ID_CAP_MEDIALIB_PHOTO to the capabilities of your application.