How to: Create an ASPxCardView at Runtime

• Dec 17, 2020

The following example creates and initializes an ASPxCardView at runtime.

C#

protected void Page_Load(object sender, EventArgs e)
{
    ASPxCardView cv1 = new ASPxCardView();
    cv1.ID = "ASPxCardView1";
    cv1.KeyFieldName = "ProductID";
    Page.Form.Controls.Add(cv1);
    cv1.SettingsBehavior.AllowFocusedCard = true;
    cv1.DataSourceID = "SqlDataSource1";
    cv1.DataBind();
}

ASPX

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;
    Data Source=|DataDirectory|\nwind.mdb;Persist Security Info=True" ProviderName="System.Data.OleDb" 
    SelectCommand="SELECT [ProductID], [ProductName], [UnitPrice] FROM [Products]">
</asp:SqlDataSource>