Positioning content

[Juzailie]

I need to position all child of  RadTileList to the center, I already try with HorizontalContentAlignment and set it to Center the content (i mean the child) still positioned on the left, why is that happen

[David]

Same problem here.
All tiles are pushed to the left. 
Would love to have them centered.

[Maya]

Hello David,

You can modify the template of the tile list by changing HorizontalContentAlignment of the ScrollViewer:

<ScrollViewer x:Name="PART_ScrollViewer" Margin="0"
                          CanContentScroll="True"
               telerik:StyleManager.Theme="{StaticResource Theme}"
                           Padding="{TemplateBinding Padding}"
                           Background="{TemplateBinding Background}"
                           BorderBrush="{TemplateBinding BorderBrush}"
                           BorderThickness="{TemplateBinding BorderThickness}"
                         HorizontalContentAlignment="Center"
                           HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                           VerticalScrollBarVisibility="Hidden">

Regards,
Maya
Telerik

[David]

Unfortunately, the right side of the tile list is cut off when setting the HorizontalContentAlignment to anything but Stretch.

[Vanya Pavlova]

Hi Juzalie,

 

In fact, there is not enough space to display both columns, that Tiles formed. What you may do is restrict the ScrollViewer, as proposed below:

<ScrollViewer x:Name="PART_ScrollViewer" MinWidth="650" HorizontalAlignment="Center" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CanContentScroll="True" HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" Margin="0" Padding="{TemplateBinding Padding}" VerticalScrollBarVisibility="Hidden">
                                <telerik:StyleManager.Theme>
                                    <telerik:Office_BlackTheme/>
                                </telerik:StyleManager.Theme>
                                <ItemsPresenter/>
                            </ScrollViewer>

Another option would be to change the Width of the Tiles to a smaller value than the default one using implicit style.  
 
 
Regards,
Vanya Pavlova
Telerik