# C1Tile Control ## Content The [C1Tile](/componentone/api/wpf/online-tiles/dotnet-framework-api/C1.WPF.Tile.4.6.2/C1.WPF.Tile.C1Tile.html) control is an animated headered content control that mimics the Windows 8 live tiles behavior. For example, the markup below creates a basic **C1Tile** control with several properties set: ```xml ``` The following image illustrates the result of the above markup, noting some of the set properties: ![](https://cdn.mescius.io/document-site-files/images/c0314455-e4e3-4d3d-90e2-60e6c8318e39/c1tiles_graphics/image13_2.png) The following properties are set in the image/markup above: * **Content**: This property sets the initial content of the **C1Tile** control. In the above image, **Content** is set to "1". * **BackContent**: This sets the alternative content of the **C1Tile** control. In the above image, **BackContent** is also set to "1" (the same as **Content**). But if the **BackContent** property is set to another value, that value would appear when the tile's content changes. * **Header**: This property sets the content of the **C1Tile** control's header. By default the header appears at the bottom of the tile, in the above image, **Header** is set to "C1Tile". * **HeaderBackground**: This property sets the color and transparency of the header's background. In the above example, the **HeaderBackground** property is set to "22000000". The first two values indicate the transparency of the color; the last six values indicate that the color is black. * **HeaderPadding**: The **HeaderPadding** property sets the padding around the **Header** value. In the above example, **HeaderPadding** is set to "12". The greater the number, the further the value indicated by the **Header** property will appear from the edges of the tile. * **Padding**: The **Padding** property sets the padding around the **Content** and **Header** within the tile. In the above example, **Padding** is set to "0". This indicates that the header area appears flush against the bottom border of the tile. The greater the number, the further the values indicated by the **Content** and **Header** properties will appear from the edges of the tile. * **BorderBrush**: The **BorderBrush** property indicates the color of the border around the **C1Tile** control. In the above example, this is set to "#FF356A21", an opaque green color. * **BorderThickness**: The **BorderThickness** indicates the thickness of the border surrounding the **C1Tile**. In the above example, this property is set to "2". ## See Also [C1SlideTile Control](/componentone/docs/wpf/online-tiles/WorkingwithC1Tiles/C1SlideTileControl)