Question

I have a windows phone application and I need to add a user control to one of its pages. I want to add it like what in an asp.net page, not as a popup. How can I add this user control to the page?

Answer 1

Assuming your UserControl is in the format of something like:

<UserControl x:Class="UserControlExample.NameReporter"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >

<!-- Controls here -->

</UserControl>

which it should by default when you create a new UserControl and the code behind is similar to

using System.Text;
using System.Windows;
using System.Windows.Controls;

namespace UserControlExample
{
    public partial class NameReporter : UserControl
    {
        public NameReporter()
        {
            InitializeComponent();
        }

        // your custom methods here
    }
}

you should then be able to add it to the page by using code similar to

<Grid xmlns:src="clr-namespace:UserControlExample" 
        Background="White" Margin="0,50,0,0">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="Auto"/>
  </Grid.RowDefinitions>
  <src:NameReporter Grid.Row="0"/>
  <src:NameReporter Grid.Row="1" Margin="0,15,0,0"/>
</Grid>

Just change the namespace after clr-namespace: and the control name after src:

You can put the xmlns: tag into the <phone:PhoneApplicationPage> tag instead to use the control throughout the form (rather than just in a grid) and you can change the src to whatever you wish to refer to it as.

If the UserControl is created properly, compiling the solution should mean it appears in your Toolbox for use too, so you could then just drag & drop.

See the reference for a fuller example.

References:

http://msdn.microsoft.com/en-us/library/system.windows.controls.usercontrol%28v=VS.95%29.aspx