FlipCard for ASP.NET Web Forms
マウスオンで反転
FlipCard の操作 > マウスオンで反転

TriggerEvent プロパティを使用して、カードの反転のタイミングを変更します。デフォルトでは、カードは、マウスがクリックされると反転します。

マウスがカード内に入ったときにカードを反転させるには、次の手順に従います。

デザインビューの場合

  1. FlipCard コントロールを選択して右クリックし、[プロパティ]を選択して[プロパティ]ウィンドウを開きます。
  2. [プロパティ]ウィンドウで、TriggerEvent を MouseEnter に変更します。

ソースビューの場合

<cc1:C1FlipCard> タグで TriggerEvent プロパティを変更して、マウスが置かれたときにカードが反転するようにします。

 <cc1:C1FlipCard ID="C1FlipCard1" runat="server" TriggerEvent="MouseEnter">
          <FrontSide> 
              <img src="componentone_logo.png"/>
          </FrontSide>
            <BackSide>
                <p> グレープシティの ComponentOne 部門は、開発者向けツール事業に集中しています。
                     Microsoft Visual Studio コンポーネント業界のリーダーとして、ComponentOne は、
                          お客様に革新的なコンポーネント、コントロール、ツール、ソリューションを提供することに注力しています。</p>
            </BackSide>

コードの場合

次のコードを Page_Load イベントに追加して、マウスが置かれたときにカードが反転するようにします。

C# でコードを書く場合

C#
コードのコピー
C1FlipCard1.TriggerEvent = C1.Web.Wijmo.Controls.C1FlipCard.TriggerEvent.MouseEnter;

Visual Basic でコードを書く場合

VB
コードのコピー
C1FlipCard1.TriggerEvent = C1.Web.Wijmo.Controls.C1FlipCard.TriggerEvent.MouseEnter