horizontal stretch with templateselector

[Cristovao]

I have a strange issue ... when I do this:

<telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                          <DataTemplate>


                              <Grid   Background="{Binding BackgroundResource, Converter={StaticResource ColorToBrushConverter}}" Height="96" Margin="12">
                                  <Grid.ColumnDefinitions>
                                      <ColumnDefinition Width="96"></ColumnDefinition>
                                      <ColumnDefinition ></ColumnDefinition>
                                  </Grid.ColumnDefinitions>
                                  <Image Source="{Binding BackgroundResource, Converter={StaticResource IconConverter}}" Width="48" Height="48"></Image>
                                  <TextBlock Text="{Binding Title}" Grid.Column="1" Style="{StaticResource PhoneTextNormalStyle}" VerticalAlignment="Center"/>
                              </Grid>
                          </DataTemplate>
                      </telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                      <telerikPrimitives:RadDataBoundListBox.ItemContainerStyle>
                          <Style TargetType="telerikPrimitives:RadDataBoundListBoxItem">
                              <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                          </Style>
                      </telerikPrimitives:RadDataBoundListBox.ItemContainerStyle>
                  </telerikPrimitives:RadDataBoundListBox>

the line stretchs...

yet doing this 

<telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                         <DataTemplate>
                             <code:MainMenuTemplateSelector Content="{Binding}">
                                 <code:MainMenuTemplateSelector.Area>
                                     <DataTemplate>
                                         <Grid   Background="{Binding BackgroundResource, Converter={StaticResource ColorToBrushConverter}}" Height="96" Margin="12">
                                             <Grid.ColumnDefinitions>
                                                 <ColumnDefinition Width="96"></ColumnDefinition>
                                                 <ColumnDefinition ></ColumnDefinition>
                                             </Grid.ColumnDefinitions>
                                             <Image Source="{Binding BackgroundResource, Converter={StaticResource IconConverter}}" Width="48" Height="48"></Image>
                                             <TextBlock Text="{Binding Title}" Grid.Column="1" Style="{StaticResource PhoneTextNormalStyle}" VerticalAlignment="Center"/>
                                         </Grid>
                                     </DataTemplate>
                                 </code:MainMenuTemplateSelector.Area>
                                 <code:MainMenuTemplateSelector.Family>
                                     <DataTemplate>
                                         <Border BorderThickness="2" BorderBrush="{Binding BackgroundResource, Converter={StaticResource ColorToBrushConverter}}" Height="96" Margin="12">
                                             <TextBlock Foreground="{Binding BackgroundResource, Converter={StaticResource ColorToBrushConverter}}" Text="{Binding Title}" Grid.Column="1" Style="{StaticResource PhoneTextNormalStyle}" VerticalAlignment="Center"/>
                                         </Border>

                                     </DataTemplate>
                                 </code:MainMenuTemplateSelector.Family>
                                 <code:MainMenuTemplateSelector.SubFamily>
                                     <DataTemplate>
                                         <Grid Background="{Binding BackgroundResource, Converter={StaticResource ColorToBrushConverter}}" Height="96" Margin="12">
                                             <TextBlock Text="{Binding Title}" Grid.Column="1" Style="{StaticResource PhoneTextNormalStyle}" VerticalAlignment="Center"/>
                                         </Grid>
                                     </DataTemplate>
                                 </code:MainMenuTemplateSelector.SubFamily>
                             </code:MainMenuTemplateSelector>
                         </DataTemplate>
                     </telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                     <telerikPrimitives:RadDataBoundListBox.ItemContainerStyle>
                         <Style TargetType="telerikPrimitives:RadDataBoundListBoxItem">
                             <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                         </Style>
                     </telerikPrimitives:RadDataBoundListBox.ItemContainerStyle>
                 </telerikPrimitives:RadDataBoundListBox>

it doesnt ...
strange isn't ?

[Deyan]

Hello Cristovao,

Thanks for writing.

I am not quite sure that I correctly understand the case.

Can you please provide me with some further details like screenshots or steps to reproduce the case so that I can make sure that I correctly understand it?

It will be great if you manage to attach a sample project that reproduces the issue as well.

Regards,
Deyan
the Telerik team