AutoComplete and ComboBox

Let the users select from collections using AutoComplete or ComboBox. These controls can be bound to collections in the viewmodel, or utilize server-side search if the collection would be large.

<bp:AutoComplete DataSource="{value: Countries}"
                 Text="{value: Country1}" />

<bp:ComboBox DataSource="{value: Countries}"
             SelectedValue="{value: Country2}" />

Form Controls

Select dates, numbers or choose ranges using wide variety of advanced form controls. All controls support validation and other commonly requested features.

<bp:DatePicker SelectedDate="{value: PublishDate}" />

<bp:MultiSelect DataSource="{value: HashTags}"
                SelectedValues="{value: SelectedHashTags}" />

<bp:NumericUpDown Value="{value: NumberOfPosts}"
                  MinValue="1"
                  MaxValue="30" />

<bp:RangeSlider SelectedMinValue="{value: MinPrice}"
                SelectedMaxValue="{value: MaxPrice}"
                MinValue="0"
                MaxValue="100000" />

<p>{{value: MinPrice.ToString("c0")}}
    - {{value: MaxPrice.ToString("c0")}}</p>

GridView and DataPager

Presenting data has never been easier. The Business Pack grid and pager controls support server-side sorting, paging, custom filtering, or features like inline editing.

<bp:GridView DataSource="{value: Customers}">
    <bp:GridViewTextColumn HeaderText="Name" 
                           Value="{value: Name}" 
                           AllowSorting 
                           AllowFiltering />
    <bp:GridViewTextColumn HeaderText="Region" 
                           Value="{value: Region}" 
                           AllowSorting 
                           AllowFiltering />
    <bp:GridViewTextColumn HeaderText="Created" 
                           Value="{value: CreatedOn}" 
                           AllowSorting 
                           AllowFiltering 
                           FormatString="d" />
    <bp:GridViewTextColumn HeaderText="Credit" 
                           Value="{value: CreditAmount}" 
                           AllowSorting 
                           AllowFiltering 
                           FormatString="c" />
</bp:GridView>
<bp:DataPager DataSet="{value: Customers}" />

ListView

Allow selection of multiple items in row or tiles selection mode with the ListView control. Define your custom templates for complex items.

<bp:ListView DataSource="{value: Fruit}"
             SelectedValues="{value: SelectedFruit}">
    <RowTemplate>
        <img src="{value: "/img/"+ ImageName + ".png"}"
                 alt="{value: Name}" />
        {{value: _this}}
    </RowTemplate>
</bp:ListView>

TreeView

Display hierarchical data conveniently with the TreeView control.

<bp:TreeView DataSource="{value: Files}"
             SelectedValues="{value: SelectedFiles}"
             ItemKeyBinding="{value: Name}"
             ItemHasChildrenBinding="{value: HasItems}"
             ItemChildrenBinding="{value: Items}">
    <ItemTemplate>
        <div>{{value: Name}}</div>
    </ItemTemplate>
</bp:TreeView>

Modal Dialogs

Declare ModalDialog and control it just by switching a boolean property.

<bp:Button Text="Show Dialog" 
           Click="{staticCommand: Dialog = true}" />

<bp:ModalDialog HeaderText="Confirmation" 
                IsDisplayed="{value: Dialog}">
    <ContentTemplate>
        <p>Do you really want to delete the item?</p>
    </ContentTemplate>
    <FooterTemplate>
        <bp:Button Text="Delete" 
                   Click="{staticCommand: Dialog = false}" />
    </FooterTemplate>
</bp:ModalDialog>

More than 20 professional components

FORM CONTROLS

AutoComplete ColorPicker ComboBox DateTimePicker DropDownList MaskedTextBox MultiSelect NumericUpDown

DATA CONTROLS

DataPager GridView ListView TreeView

INTERACTIVITY

Alert CommandShortcut FaIcon FileUpload ImageCrop Rating Slider

CONTAINERS

ModalDialog Panel TabControl Window

Licensing

The DotVVM Business Pack license is perpetual and includes 12 months of new features and updates since the date of purchase. The license can be renewed with a 25% discount.
The product is licensed on per-developer basis. Every team member who is actively working with a project that uses DotVVM Business Pack must have a license.
Continuous integration, build servers, test, staging and production deployments do not need to have a separate license - an account of any developer can be used on CI/build servers to restore the NuGet packages.
The product is distributed as a NuGet package using DotVVM Private NuGet Feed.
The license is valid for any software project the purchasing party owns, develops or participate on.

List of Controls