How to center RadLoopingList - HorizontalAlignment?

[AS]

Hi

I am struggling with what I know is a simple thing ... any advice is appreciated.

I am trying to center the RadLoopingList in a grid, not the content in the list, but the full list itself.

In a blank page, I have the following ... (using sample code from http://docs.telerik.com/windows-universal/controls/radloopinglist/loopinglist-getting-started

)

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <telerikLoopingList:RadLoopingList x:Name="loopingList"/>
</Grid>

 populated as ....

loopingList.ItemsSource = Enumerable.Range(0,10).ToList();

 

By default, the RadLoopingList is rendered left aligned to the grid ... How can I center it? HorizontalAlignment seems not to work.

 

I have resorted to centering it with the Grid ...

 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="*"/>

        </Grid.ColumnDefinitions>

        <telerikLoopingList:RadLoopingList x:Name="loopingList" Grid.Column="1"/>
    </Grid>

 

 Any pointers appreciated!

[Pavel R. Pavlov]

Hi,

HorizontalAlignment is the property that you need in your case. It does not seems to work for you because the RadLoopingList is stretched all over the Grid and there is no way for it to be centered. In addition to the HorizontalAlignment property you can try setting a fixed size of the RadLoopingList itself. For example you can limit it to 90 pixels. Doing this will allow the HorizontalAlignment="Center" to take action.

Please give this approach a try and let us know if you need any further assistance.

Regards,
Pavel R. Pavlov
Telerik