@model IEnumerable<FlexGridData.Sale>
<h1>
    Custom Glyphs
</h1>
<p>
    Many C1 MVC controls include small images called 'glyphs'.
    For example, the <b>ComboBox</b> uses a glyph in the button
    used to show the item list. The <b>FlexGrid</b> uses glyphs
    to show various state indicators, including sort, editing,
    expanded/collapsed nodes, etc.
</p>
<p>
    All glyphs used in C1 MVC controls are CSS-based, which means
    you can override them on all or specific controls using CSS
    rules and no code.
</p>
<p>
    This example shows how you can replace the <b>FlexGrid</b>
    glyphs with Bootstrap icons and with regular images.
</p>
@(Html.C1().FlexGrid<FlexGridData.Sale>().Id("theGrid").Height(250)
    .Bind(Model)
    .GroupBy("Country", "Product")
    .Filterable()
)
