Carousel: Unable to Stretch Items Horizontally to Width of Carousel

[mjfara]

As the title states, I'm unable to stretch items to full width. The size of each item is determined by the top-most item. This does not work well when using TextBlocks of varying lengths as the Carousel items.
Any ideas?

[nmetulev]

ping @Mimetis

[Mimetis]

Can you share a simple demo code ?

[mjfara]

                                <toolkit:Carousel.EasingFunction>
                                    <CubicEase EasingMode="EaseOut" />
                                </toolkit:Carousel.EasingFunction>
                                <toolkit:Carousel.ItemTemplate>
                                    <DataTemplate>
                                        <Grid HorizontalAlignment="Stretch" >
                                            <TextBlock x:Name="name" Text="{Binding Title}" Style="{StaticResource SubheaderTextBlockStyle}" FontSize="38" HorizontalAlignment="Stretch" TextAlignment="Center"/>
                                        </Grid>
                                    </DataTemplate>
                            </toolkit:Carousel.ItemTemplate>
                        </toolkit:Carousel>

The carousel itself is apart of a gridview, but I can confirm that the actual carousel control spans the full width of each GridViewItem. It's just that each item in the carousel is only as wide as the top-most item. This same problem is present in a ListView, which is remedied by editing the ItemContainerStyle and setting HorizontalContentAlignment to Stretch. I can't seem to do this in the carousel.

[nmetulev]

This is a duplicate of #1233

[skendrot]

I do not believe that this is a duplicate. The Carousel control will make every item the height and width of the largest item. So if one item has the text "supercalifragilisticexpialidocious" while all others have three letter text then all items will be as big as the one with "supercalifragilisticexpialidocious".

[skendrot]

Example: Change the template in the sample to:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Image Width="200"
           Height="200"
           VerticalAlignment="Bottom"
           Source="{Binding Thumbnail}"
           Stretch="Uniform" />
    <TextBlock Text="{Binding Title}" Grid.Row="1" TextAlignment="Center" FontSize="24"/>
</Grid>

[skendrot]

ping @Mimetis

[windowstoolkitbot]

This issue seems inactive. Do you need help to complete this issue?

[windowstoolkitbot]

This issue seems inactive. Do you need help to complete this issue?

[windowstoolkitbot]

This issue seems inactive. Do you need help to complete this issue?

[Kyaa-dost]

@mjfara @Mimetis What's the status of this issue?

[Kyaa-dost]

Transferring this issue to the discussion as this has not been updated and requires more clarity.