@model IEnumerable < FlexGridData.Sale >

<h1>
    PrintDocument
</h1>
<p>
    The <b>PrintDocument</b> class makes it easy to create documents
    for printing or exporting to PDF. Most browsers allow you to select
    the paper size, orientation, margins, and whether to include page
    headers and footers.
</p>
<p>
    <button class="btn btn-default" id="btnPrintDoc">Print with PrintDocument</button>
    <button class="btn btn-default" id="btnPrintDirect">Print directly</button>
</p>
<p>
    Here is a table with some radial gauges. The table will be included
    in the <b>PrintDocument</b>.
</p>
<table id="tblGauge">
    <tr>
        <td>
            <div id="theGauge1"></div>
        </td>
        <td>
            <div id="theGauge2"></div>
        </td>
    </tr>
</table>
@Html.C1().RadialGauge("#theGauge1").Max(100).Value(20).IsReadOnly(false)
@Html.C1().RadialGauge("#theGauge2").Max(100).Value(20).IsReadOnly(false)

<p>
    And here is a <b>FlexGrid</b> control. Printing it directly would show
    the scrollbars and the part of the content that is visible.
    The <b>PrintDocument</b> class allows us to replace that with a
    printer-friendly version of the grid.
</p>
@(Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(250))
