rbMatrix Control UI Example

The following is the UI implementation for the rbMatrix control demo.   

See also these related links:

  1. View the C# code-behind for this example
  2. View the live example of rbMatrix for ASP.NET
  3. Purchase rbMatrix for ASP.NET  
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="rbMatrixDemo.ascx.cs"
    Inherits="BirdwellMusic.Umbraco.UserControls.rbMatrix.rbMatrixDemo" %>
<%@ Register Assembly="rbTools.rbMatrix" Namespace="rbTools.rbMatrix" TagPrefix="rbTools" %>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <rbTools:MatrixControl ID="MatrixControl1" runat="server" OnInit="MatrixControl1_Init"
            AppendRowActionText="Append" DeleteSelectedRowsActionText="Remove Selected" DeleteSingleRowActionText="Remove"
            LeftSideHeaderActionsColumnText="User Defined Actions" RightSideHeaderActionsColumnText="Actions"
            InsertSingleRowActionText="Insert" EnableTotals="False" EnableFooter="True" EnableHeader="True"
            EnableRowCountColumn="True" EnableSelectCheckBoxColumn="True" EnableLeftSideActionsColumn="False"
            EnableRightSideActionsColumn="True" MatrixCssClass="matrix" MatrixFooterCssClass="matrixfooter"
            SelectAll="False" ReadOnlyMode="False" SequentialNumberSuffix="">
        </rbTools:MatrixControl>
        <br />
        <asp:Label ID="feedbackLabel" runat="server" Font-Bold="True"></asp:Label>
        <br />
        <asp:Button ID="ctrlTestPostBackBtn" runat="server" OnClick="ctrlTestPostBackBtn_Click"
            Text="Save (Test Postback Action)" />
        &nbsp;<asp:LinkButton ID="ctrlToggleDiagnosticsLink" runat="server" OnClick="ctrlToggleDiagnosticsLink_Click">Show Diagnostics and Options</asp:LinkButton>
        &nbsp;<asp:BulletedList ID="ctrlValidationErrorList" runat="server" Font-Bold="True"
            ForeColor="Red">
        </asp:BulletedList>
        <br />
        <asp:Panel ID="ctrlDiagnosticPanel" runat="server" Visible="false">
            <h2>Optional Diagnostics and Options</h2>
            <span>
                <asp:CheckBox ID="ctrlEnableHeaderCheckBox" runat="server" Checked="True" Text="Show Header"
                    AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                &nbsp;<asp:CheckBox ID="ctrlEnableFooterCheckBox" runat="server" Checked="True" Text="Show Footer"
                    AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                &nbsp;<asp:CheckBox ID="ctrlEnableFooterTotalsCheckBox" runat="server" Checked="False"
                    Text="Show Calc" AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                &nbsp;<asp:CheckBox ID="ctrlEnableRowCountCheckBox" runat="server" Checked="True"
                    Text="Show Row Count" AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                &nbsp;
                <asp:CheckBox ID="ctrlEnableCheckColumnCheckBox" runat="server" Checked="True" Text="Show Check Box Column"
                    AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                &nbsp;
                <asp:CheckBox ID="ctrlEnableLeftActionsColumnCheckBox" runat="server" Checked="False"
                    Text="Show Left Actions Column" AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
                <asp:CheckBox ID="ctrlEnableRightActionsColumnCheckBox" runat="server" Checked="True"
                    Text="Show Right Actions Column" AutoPostBack="True" OnCheckedChanged="OnMatrixOptionChanged" />
            </span>
            <asp:TextBox ID="ctrlMatrixDiagnosticsTextBox" runat="server" BackColor="#FFFFCC"
                Rows="12" TextMode="MultiLine" Width="100%"></asp:TextBox>
        </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>