Telerik UI for Windows Phone by Progress

Adding a RadCloudLogin instance in your Windows Phone application

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

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

    CopyXAML
    xmlns:telerikCloudControls="clr-namespace:Telerik.Windows.Controls.Cloud;assembly=Telerik.Windows.Controls.Cloud"

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

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

    The page should be looking as follows:

    Cloud Controls Login 1

  3. Define a page which will be displayed when the login operation is successful by setting the SuccessNavigationUri property exposed by RadCloudLogin:

    CopyXAML
    <telerikCloudControls:RadCloudLogin
        SuccessNavigationUri="/MainPage.xaml"
        x:Name="loginControl"/>

  4. Define a page which will be displayed when the user requests a new account registration:

    CopyXAML
    <telerikCloudControls:RadCloudLogin
        SuccessNavigationUri="/MainPage.xaml"
        RegisterNavigationUri="/RegisterPage.xaml"
        x:Name="loginControl"/>