Images can be drawn at runtime using the Paint event, like the following:

1. Right-click on the C1TileControl and select Edit Templates.
2. Click Add to add a template to the C1TileControl.
3. Add the following code to your project to draw an image at runtime:

   To write code in Visual Basic

   Visual Basic

   Copy Code

   Private Sub template1_Paint(sender As Object, e As C1.Win.C1Tile.TemplatePaintEventArgs) Dim g As Graphics = e.Graphics g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality Dim rect As Rectangle = e.ClipRectangle rect.X += (rect.Width - 28) \ 2 rect.Y += (rect.Height - 28) \ 2 rect.Width = 28 rect.Height = 28 Dim brush As Brush = New SolidBrush(e.Tile.GetBackColor()) Dim pen As New Pen(e.Tile.GetForeColor()) Select Case e.Tile.IntValue Case 1 g.FillPie(brush, rect, 50F, 270F) g.DrawPie(pen, rect, 50F, 270F) Exit Select Case 2 g.FillRectangle(brush, rect) g.DrawRectangle(pen, rect) Exit Select Case Else g.FillEllipse(brush, rect) g.DrawEllipse(pen, rect) Exit Select End Select brush.Dispose() pen.Dispose() End Sub

   To write code in C#

   C#

   Copy Code

   private void template8_Paint(object sender, C1.Win.C1Tile.TemplatePaintEventArgs e) { Graphics g = e.Graphics; g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality; Rectangle rect = e.ClipRectangle; rect.X += (rect.Width - 28) / 2; rect.Y += (rect.Height - 28) / 2; rect.Width = 28; rect.Height = 28; Brush brush = new SolidBrush(e.Tile.GetBackColor()); Pen pen = new Pen(e.Tile.GetForeColor()); switch (e.Tile.IntValue) { case 1: g.FillPie(brush, rect, 50f, 270f); g.DrawPie(pen, rect, 50f, 270f); break; case 2: g.FillRectangle(brush, rect); g.DrawRectangle(pen, rect); break; default: g.FillEllipse(brush, rect); g.DrawEllipse(pen, rect); break; } brush.Dispose(); pen.Dispose(); }

4. In design view, right-click on the C1TileControl and select Properties.
5. Select Template1 from the Windows dropdown listbox.
   
6. Click on the events button and set the Paint event to template1_Paint.
   
7. Select tile1 so its C1TileControl Tasks menu appears and set its properties to the following:
   • Horizontal Size to 1.
   • Vertical Size to 1.
   • IntValue to 0. This will apply the first drawing to the first tile.
   • Template to template1.
8. Select tile2 so its C1TileControl Tasks menu appears and set its properties to the following:
   • Horizontal Size to 1.
   • Vertical Size to 1.
   • IntValue to 1. This will apply the second drawing to the second tile.
   • Template to template1.
9. . Select tile2 so its C1TileControl Tasks menu appears and set its properties to the following:
   • Horizontal Size to 1.
   • Vertical Size to 1.
   • IntValue to 2. This will apply the third drawing to the third tile.
   • Template to template1.
10. Run your project and observe the drawings made on the tiles.