ComponentOne FlipCard for ASP.NET Web Forms
Explore FlipCard / Flip On Hover
In This Topic
    Flip On Hover
    In This Topic

    Use the TriggerEvent property to change the timing of the card flip. By default, the card flips on a mouse click.

    Complete the following steps to flip the card on mouse enter.

    In the Design View

    1. Select the FlipCard control and right click to open Properties > Properties Window.
    2. In the Properties Window, change the TriggerEvent to MouseEnter.

    In Source View

    Modify the TriggerEvent property within the <cc1:C1FlipCard> tag, to flip the card on mouse hover.

     <cc1:C1FlipCard ID="C1FlipCard1" runat="server" TriggerEvent="MouseEnter">
              <FrontSide> 
                  <img src="componentone_logo.png"/>
              </FrontSide>
                <BackSide>
                    <p> ComponentOne, a division of GrapeCity, is into developer tools business.
                         A leader in the Microsoft Visual Studio component industry,
                         ComponentOne focuses on providing its customers 
                         with innovative components, controls, tools, and solutions.</p>
                </BackSide>
    
    

    In Code

    Add the following code to the Page_Load event to flip the card on mouse enter.

    To write code in C#

    C1FlipCard1.TriggerEvent = C1.Web.Wijmo.Controls.C1FlipCard.TriggerEvent.MouseEnter;
    

    To write code in Visual Basic

    C1FlipCard1.TriggerEvent = C1.Web.Wijmo.Controls.C1FlipCard.TriggerEvent.MouseEnter