# C1SlideTile Control

## Content



Based on the [C1Tile](/componentone/api/wpf/online-tiles/dotnet-framework-api/C1.WPF.Tile.4.6.2/C1.WPF.Tile.C1Tile.html) control, the [C1SlideTile](/componentone/api/wpf/online-tiles/dotnet-framework-api/C1.WPF.Tile.4.6.2/C1.WPF.Tile.C1SlideTile.html) control includes a sliding animation between templates; however, the [SlideDirection](/componentone/api/wpf/online-tiles/dotnet-framework-api/C1.WPF.Tile.4.6.2/C1.WPF.Tile.C1SlideTile.SlideDirection.html) property determines the direction the content slides. You can set the **SlideDirection** property to one of the following values (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**:

```xml
<c1:C1SlideTile Content="4" Header="C1SlideTile, SlideDirection = Right" HeaderPadding="12" Padding="0" SlideDirection="Right" HorizontalHeaderAlignment="Right"/>
```

The markup above creates the following **C1SlideTile** control:

![](https://cdn.mescius.io/document-site-files/images/c0314455-e4e3-4d3d-90e2-60e6c8318e39/c1tiles_graphics/image13_3.png)

## See Also

[ContentTemplates and BackContentTemplates](/componentone/docs/wpf/online-tiles/WorkingwithC1Tiles/ContentTemplates)