LightBox for ASP.NET Web Forms
手順 1:ページへのコントロールの追加
クイックスタート > 手順 1:ページへのコントロールの追加

この手順では、Web サイトを作成して設定し、空の C1LightBox コントロールを追加します。C1LightBox コントロールを Web サイトに追加するには、以下の手順を実行します。

  1. Visual Studio の[ファイル]メニューから、[新規]→[プロジェクト]を選択します。[新規プロジェクト]ダイアログボックスが表示されます。
  2. 新規プロジェクト]ダイアログボックスで、左ペインにある言語を展開し、[Web]を選択します。右ペインで、[空の ASP.NET Web アプリケーション]を選択し、アプリケーションの[名前]を入力して〈OK〉を選択します。新しいアプリケーションが作成されます。
  3. ソリューションエクスプローラで、プロジェクトを右クリックして[参照の追加]を選択します。
  4. 参照の追加]ダイアログボックスで、C1.Web.Wijmo.Controls および C1.Web.Wijmo.Controls.Design アセンブリを検出して選択し、〈OK〉をクリックします。参照が追加されます。
  5. ソリューションエクスプローラで、プロジェクトを右クリックしてコンテキストメニューを開き、[追加]→[新しい項目]を選択します。
  6. 新しい項目の追加]ダイアログボックスで、テンプレートのリストから[Web フォーム]を選択し、項目に Default.aspx という名前を付けて、〈追加〉をクリックします。新しいページが開きます。
  7. ソースビューで、ページの先頭に次のマークアップを追加して、C1LightBox アセンブリを登録します。
    ソースビュー
    コードのコピー
     <%@ Register Assembly="C1.Web.Wijmo.Controls.4" Namespace="C1.Web.Wijmo.Controls.C1LightBox" TagPrefix="cc1" %>
    

    追加したアセンブリに応じて、上記の「C1.Web.Wijmo.Controls.4」を「C1.Web.Wijmo.Controls.3」に置き換える必要がある場合があります。

  8. ページの最初の <div></div> タグの間にマウスを置き、次のマークアップを追加して、C1LightBox コントロールをページに追加します。
    ソースビュー
    コードのコピー
      <cc1:C1LightBox runat="server"></cc1:C1LightBox>
    

    この手順では、C1LightBox コントロールをフォームに追加しましたが、コントロールは現在空です。クイックスタートの次の手順では、コントロールにコンテンツを追加します。

関連トピック