この手順では、C1TileControl のデフォルトテンプレートを変更します。

1. ソリューションエクスプローラで、プロジェクト名を右クリックし、［追加］→［新規フォルダ］を選択します。
2. C:\Users\username\Documents\ComponentOne Samples\WinForms\C1TileControl\Samples\Resources にある Databound サンプルプロジェクトの flags.png をローカルプロジェクトにコピーします。
3. このフォルダの名前を Resources に変更し、このフォルダから flags.png イメージを追加します。
4. ソリューションエクスプローラで、［すべてのファイルを表示］ボタンをクリックします。
5. Resources フォルダを右クリックし、イメージを選択し、［プロジェクトに含める］を選択します。
6. C1TileControl のプロパティウィンドウで、DefaultTemplate ノードを展開し、Templates プロパティの横にある省略符ボタンをクリックします。
7. Elements プロパティの横の省略符ボタンをクリックします。Template.Elements コレクションエディタが表示されます。
8. Children プロパティの横の省略符ボタンをクリックします。
9. Members リストから ImageElement を削除します。
10. Members リストの TextElement を選択し、その FontBold を True に設定します。
11. ［OK］をクリックして保存し、PanelElement.Children コレクションエディタを閉じます。
12. ［追加］項目の横にあるドロップダウン矢印をクリックし、TextElement を選択します。
13. TextElement を選択し、ForeColorSelector を Unbound に設定します。
14. ForeColor を 255, 192, 192 に設定します。
15. TextSelector を Text1 に、Alignment を BottomLeft に設定します。
16. これで、各国名のテキストが各タイルの左下に表示されるように設定されます。
17. Template.Elements コレクションエディタで、［追加］ボタンの横にあるドロップダウン矢印をクリックし、ImageElement を選択します。
18. Image の横の省略符ボタンをクリックします。 ［リソースの選択］ダイアログボックスが表示されます。
19. ［インポート］ボタンをクリックし、プロジェクトの Resources フォルダを参照し、flags.png を選択します。

    

20. ［OK］をクリックして保存し、［リソースの選択］ダイアログボックスを閉じます。.
21. Template.Elements コレクションエディタで、ImageSelector を Unbound に設定します。
22. ImageRows を 17 に、Alignment を BottomRight に設定します。
23. ［OK］をクリックして保存し、Template.Elements コレクションエディタを閉じます。