Based on the C1Tile control, the C1SlideTile control includes a sliding animation between templates; however, the C1SlideTile.SlideDirection property determines the direction the content slides. You can set the SlideDirection property to one of the following values (the default value is All):
Value |
Direction |
Up |
Bottom to top |
Left |
Right to left |
Down |
Top to bottom |
Right |
Left to right |
All (default) |
All |
For example, here's an example of a C1SlideTile control with its SlideDirection property set to Right:
Markup |
Copy Code
|
---|---|
<Tile:C1SlideTile Content="4" Header="C1SlideTile, SlideDirection = Right" Padding="0" SlideDirection="Right" HorizontalHeaderAlignment="Right" Background="#FFC410" Foreground="White" FontSize="80" HeaderForeground="White" HeaderFontSize="12" Width="280" Height="200"/> |
The markup above creates the following C1SlideTile control: