How to add controls dynamically to a UserControl through user's XAML, 4.0

Question

I want to create a user control that contains a Image and a Conainer that will allow the user to add his/her own controls to the user control dynamically in XAML. I am using VS 2010, .NET 4.0

I have created following code.

UserController.xaml

 <Grid DockPanel.Dock="bottom">      
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <StackPanel  Height="Auto" Grid.Row="0" Grid.Column="0">
        <Image />
    </StackPanel>
    <Grid>
        <ContentControl Content="{Binding Innercontent}" />
    </Grid>
</Grid>

ModeViewCode, Innercontent is an DependencyProperty property

public static DependencyProperty InnerContentProperty = DependencyProperty.Register("InnerContent", typeof(UIElement), typeof(Footer))

public UIElement InnerContent
    {
        get { return (UIElement)GetValue(InnerContentProperty); }
        set { SetValue(InnerContentProperty, value); }
    }

Created a DataTemplate which consumes the usercontrol.

 <users:Footer HorizontalAlignment="Stretch" VerticalAlignment="Bottom">
                <users:Footer.InnerContent>
                    <StackPanel Orientation="Horizontal" x:Name="tst">
                       <commoncontrols:Button />
                    </StackPanel>
                </users:Footer.InnerContent>
            </users:Footer>

when code is complied it gives me following error message.

Error 275 Unknown build error, 'Index (zero based) must be greater than or equal to zero and less than the size of the argument list. Line 2582 Position 23.' at this line (users:Footer.InnerContent).

Got help from following psot Help

Any help will be appreciated.

How to add controls dynamically to a UserControl through user's XAML, 4.0

0 Answers0