@model IEnumerable<FlexGridData.Sale>

<h1>
    The wijmo.animate Method
</h1>
<p>
    Animations can make web applications more attractive and intuitive.
    For example, removing an item from the page by making it shrink
    away lets the user see which item is being removed more easily
    that if it was simply hidden.
</p>
<p>
    Many JavaScript toolkits and frameworks have their own wrappers
    for creating animations. For example, Angular has an
    <a href="https://docs.angularjs.org/api/ng/service/$animate" target="_blank">$animate</a> service,
    and jQuery has an
    <a href="http://api.jquery.com/animate/">animate()</a> method.
    If you have a favorite you can use that with C1 MVC.
</p>
<p>
    If you want to reduce dependencies on external toolkits and
    frameworks, you can use Wijmo's simple and flexible
    <b>animate</b> method instead.
</p>
<p>
    The example below illustrates by rotating a FlexGrid like
    a flip card. The <b>animate</b> method has a single callback
    that controls the entire animation:
</p>
<p>
    <button class="btn btn-default" id="btnAnimate">
        Flip the Grid
    </button>
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(250)
