Irwsoft Web Control

FormWizard
Brief Information
DescriptionA form data entry control to input many fields with steps separation.
FeaturesA compact data entry form with auto validation.
Separate inputs into some steps like wizard.
Three form modes are View, Insert and Edit.
FormWizard control
FormWizard control in Insert mode (Personal Information)


FormWizard control
FormWizard control in Insert mode (Address Information)


FormWizard control
FormWizard control in Insert mode (Biodata Information)


FormWizard control
FormWizard control in View mode (Personal Information)


FormWizard control
FormWizard control in View mode (Address Information)


FormWizard control
FormWizard control in View mode (Biodata Information)



The IWC ASP.net FormWizard control is a data entry control that separates into some steps. The control generates all input controls depend on properties specified. There is also auto validation for the data types for each properties. With this idea make FormWizard control is a powerfull control for data-entry application because it is easy to use and make developement faster.

There are three modes of FormWizard control. The View mode displays plain table to display data only with Edit or Insert buttons. The Insert mode gives you blank entry data with Save or Cancel buttons. The Edit mode gives you entry data to edit current data object with Save or Cancel buttons. The FormWizard control will generate all neccessary controls depend on the properties sepcified.

All IWC input control designed using MVVM pattern which mean you can have a data-model class representing a domain/table. You can use simple C# class, Irwsoft Data Framework, Entity Framework, Linq to Sql or other .NET ORM. Then set its data-source and a property to bind.

Example : Input biodata of Person table with FormWizard


C# code for Person table

// 1) Sample code for Person table
public class Person
{
     public int ID { get; set;}
     public string FirstName { get; set;}
     public string LastName { get; set;}
     public GenderType Gender { get; set;}
     public DateTime DateOfBirth { get; set;}
     public int Age { get; set;}
     public string Address { get; set;}
     public string City { get; set;}
     public string Country { get; set;}
     public string IdentityCardNo { get; set;}
     public string BioData { get; set;}
     public string PictureUrl { get; set;}
}


ASPX code for FormWizard

// 1) Defines the FormWizard control
<irw:FormWizard ID="FR1" runat="server" SkinStyle="SimpleGrey" FormLayoutMode="Table"
     StepTitles="Personal Information,Address Information,BioData Information"
     OnStepIndexChanging="FR1_StepIndexChanging" OnStepIndexChanged="FR1_StepIndexChanged"      OnEdit="FR1_Edit" OnInsert="FR1_Insert" OnSaving="FR1_Saving" OnSaved="FR1_Saved" OnCancel="FR1_Cancel"
     OnFileSave="FR1_FileSave" OnFileDelete="FR1_FileDelete"      OnImagePreview="FR1_ImagePreview" OnFileDownload="FR1_FileDownload">
     <TableStyle ColumnCount="2" LabelWidth="150" DataWidth="200">  // 2) Defines the Table styles tag
     <Header>
          <div style="width: 100%;"text-align: center;">Person Biodata Form</div>
     </Header>
     <DataPropertyNames>  // 3) Defines some properties to bind inside DataPropertyNames tag
          <irw:FormWizardDataPropertyName Name="FirstName" Caption="First Name" StepIndex="0" />
          <irw:FormWizardDataPropertyName Name="LastName" Caption="Last Name" StepIndex="0" />
          <irw:FormWizardDataPropertyName Name="DateOfBirth" Caption="Date of Birth"
               StepIndex="0" DataType="Date" Format="dd/MM/yyyy" AllowEmpty="false" />
          <irw:FormWizardDataPropertyName Name="Age" StepIndex="0" DataType="Integer" />
          <irw:FormWizardDataPropertyName Name="Gender" StepIndex="0" DataType="List"
               Type="SamplesNET2.Data.GenderType" AllowEmpty="false"/>
          <irw:FormWizardDataPropertyName Name="IdentityCardNo" Caption="ID No." StepIndex="1" />
          <irw:FormWizardDataPropertyName Name="Address" StepIndex="1" />
          <irw:FormWizardDataPropertyName Name="City" StepIndex="1" />
          <irw:FormWizardDataPropertyName Name="Country" StepIndex="1" />
          <irw:FormWizardDataPropertyName Name="PictureUrl" Caption="First Name"
               StepIndex="2" DataType="ImageUrl" AllowEmpty="false" />
          <irw:FormWizardDataPropertyName Name="BioData" Caption="Bio Data"
               StepIndex="2" DataType="MultiText" />
     </DataPropertyNames>
     <Footer>
          <div style="width: 100%;"text-align: right;">Irwsoft.com</div>
     </Footer>
</irw:FormWizard>



Related Topics :


Irwsoft Data Ultimate Edition 4.0 supports data-schema extension (entity framework, linq to sql, simple class, and etc).