OBOUT - ASP.NET Super Form

Quick Links

ASP.NET Super Form - Edit Masks

Employee Information

First Name

Last Name

Birth Date

Hire Date

Salary

Phone

Insert

Cancel

The Super Form provides built-in support for attaching ASP.NET AJAX ControlToolkit MaskedEditExtender controls to the fields of the form.
Using this feature, you can enhance the experience of your end users and increase the usability of the form.

Use the Masks collection to add extenders to the fields of the form.

This example showcases the use of various types of masks:

dates - for the "Birth Date" and "Hire Date" fields.
numbers/money amounts - for the "Salary" field.
phone numbers - for the "Phone" field.

Click in any of these fields to see the edit masks.

ASP.NET

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
<obout:SuperForm ID="SuperForm1"
         runat="server"
         DataSourceID="SqlDataSource1"
         AutoGenerateRows="false">
        <Fields>
            <obout:DateField DataField="BirthDate" HeaderText="Birth Date">
                <Masks>
                    <ajaxToolkit:MaskedEditExtender runat="server" Mask="99/99/9999" MaskType="Date" />
                </Masks>
            </obout:DateField>
             <obout:BoundField DataField="HomePhone" HeaderText="Phone">
                <Masks>
                    <ajaxToolkit:MaskedEditExtender runat="server" Mask="(999)999-9999" MaskType="Number" />
                </Masks>
            </obout:BoundField>
        </Fields>
</obout:SuperForm>