@model IEnumerable<FlexGridData.Sale>

<h1>
    Themes
</h1>
<p>
    MVC controls are styled using CSS.
    The default look is provided by registering the styles,
    and over 20 beautiful themes that can be registered as follows:
    <pre>
        @@Html.C1().Styles().Theme(<i>theme</i>)
    </pre>
</p>
<p>
    In addition to the CSS included in the MVC edition, you can use
    standard CSS selectors to customize the look of any control.
</p>

<label>
    Please select a theme:
    @Html.Partial("_ThemeSelector")
</label>

<p>Below are some input controls:</p>
@Html.C1().ComboBox().Id("theCombo").Bind(Model).DisplayMemberPath("Country")
@Html.C1().InputDate().Id("theDate")
@Html.C1().Calendar().Id("theCalendar")

<p>This is a FlexGrid:</p>
@(Html.C1().FlexGrid().Id("theGrid")
    .Bind(Model)
    .ShowMarquee(true)
    .ShowSelectedHeaders(C1.Web.Mvc.Grid.HeadersVisibility.All)
    .ShowAlternatingRows(false)
)