手順 1：プロジェクトへの C1SuperLabel の追加

プロジェクトに C1SuperLabel コントロールを追加し、それにいくつかの HTML コードを追加することから開始します。

プロジェクトに C1SuperLabel を追加するには、以下の手順を実行します。

新しいプロジェクトを作成し、２つのボタンコントロールをフォームに追加します。
Button1 コントロールを右クリックし、［プロパティ］を選択して、プロパティウィンドウを表示します。
Text プロパティの横に「C1SuperLabel の表示」と入力し、テキストが表示されるようにボタンのサイズを変更します。
Button2 コントロールを選択し、Text プロパティの横に「C1SuperLabel の非表示」と入力します。テキストが表示されるようにボタンのサイズを変更します。
ツールボックスに、C1SuperTooltip for WinForms のコンポーネントを追加します。
ツールボックス内の C1SuperLabel コントロールをダブルクリックしてフォームに追加します。フォームは次のように表示されます。
プロパティウィンドウで、C1SuperLabel の Text プロパティの横にある省略符ボタンをクリックします。C1SuperLabel エディタが表示されます。

エディタのテキストボックスに HTML コードを追加します


これらは<b>C1SuperTooltip</b>を用いて表示できるものの例です：


<ol>


  <li>Lists:</li>


    <ul>


      <li>ネストされたリスト</li>


      <li>番号付きおよび箇条書きリスト</li>


    </ul>


  <li>テーブル:<p>下の表はいくつかの売上高をリストアップしたものです：</p>


 <table border='1' bordercolor='black' cellpadding='2' cellspacing='0' style='border:solid 1 black;'>


    <tr bgcolor='LightSteelBlue'>


        <th style="width:150px; text-align: center;" rowspan='3'>


            <p>三行をまたぐ結合セル。</p></th>


        <th align='center' colspan='6'>Semester 1</th>


    </tr>


    <tr bgcolor='LightSteelBlue'>


        <th align='center' colspan='3'>Quarter 1</th>


        <th align='center' colspan='3'>Quarter 2</th>


    </tr>


    <tr bgcolor='LightSteelBlue'>


        <td align='center'>一月</td>


        <td align='center'>二月</td>


        <td align='center'>三月</td>


        <td align='center'>四月</td>


        <td align='center'>五月</td>


        <td align='center'>六月</td>


    </tr>


    <tr>


        <td align='right' style='width: 150px'><strong>Widgets</strong></td>


        <td>12</td>


        <td>23</td>


        <td>23</td>


        <td>43</td>


        <td>23</td>


        <td>34</td>


    </tr>


    <tr>


        <td align='right' style='width: 150px'><strong>Sprockets</strong></td>


        <td>45</td>


        <td>32</td>


        <td>23</td>


        <td>23</td>


        <td>34</td>


        <td>43</td>


    </tr>


    </table>


</li>


  <li>画像:C1SuperLabel の背景として画像が設定されています。 </li>


  <li>境界線:<p style='border: #336633 thick'>ボールド境界線。p>


</li>


  <li>整形済みテキスト:


    <pre style="background-color:#dddddd; margin:0 20pt 0 20pt;">


string tipText = "Hello &lt;b&gt;World&lt;/b&gt;";


<b>C1SuperTooltip</b>.SetToolTip(control, tipText);


</pre>


</li>


  <li>ネスト化:


    <div style="background-color:#ffaaaa;border:solid thin black;margin:10px;padding:4px">


               赤いセクションです。


            <div style="background-color:#aaffaa;border:solid thin black;margin:10px;padding:4px">


                   This is a nested green div.


                <div style="background-color:#aaaaff;border:solid thin black;margin:10px;padding:4px">


                       ネストされた青いセクションです。


                </div>


            </div>


        </div>


</li>


</ol>

プロパティウィンドウで、BackColor プロパティの横にあるドロップダウン矢印をクリックし、［Web］タブを選択して、［白］を選択します。
C1SuperLabel コントロールに画像を追加します。
- BackgroundImage プロパティの横にある省略符ボタンをクリックします。［リソースの選択］ダイアログボックスが表示されます。
- ［ローカルリソース］を選択し、〈インポート〉ボタンをクリックします。［開く］ダイアログボックスが表示されます。
- TipBackground.png を検索して選択するか、別のグラフィックを選択し、［開く］をクリックします。デフォルトでは、C1SuperTooltip サンプルと共に TipBackground.png 画像がインストールされ、<ユーザフォルダ>\Samples\WindowsForms\C1WindowsForms_Samples_CS\C1SuperTooltip\SuperTooltips\Resources フォルダに置かれています。
- 〈OK〉をクリックします。
BackgroundImageLayout プロパティの横にあるドロップダウン矢印をクリックし、［拡大］を選択します。
Visible プロパティを False に設定します。