Irwsoft NETCore Asp

FormWizard
Brief Information
DescriptionA form data entry tag-helper 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 tag-helper
FormWizard tag-helper in Insert mode (Personal Information)


FormWizard tag-helper
FormWizard tag-helper in Insert mode (Address Information)


FormWizard tag-helper
FormWizard tag-helper in Insert mode (Biodata Information)


FormWizard tag-helper
FormWizard tag-helper in View mode (Personal Information)


FormWizard tag-helper
FormWizard tag-helper in View mode (Address Information)


FormWizard tag-helper
FormWizard tag-helper in View mode (Biodata Information)



The INA ASP.net FormWizard tag-helper is a data entry tag-helper that separates into some steps. The tag-helper 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 tag-helper is a powerfull tag-helper for data-entry application because it is easy to use and make developement faster.

There are three modes of FormWizard tag-helper. 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 tag-helper will generate all neccessary controls depend on the properties sepcified.

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 tag-helper
<FormWizard ID="FR1" SkinStyle="SimpleGrey" FormLayoutMode="Table"
     StepTitles="Personal Information,Address Information,BioData Information"
     DataObject=Model ColumnCount="3" ColumnWidths="400,600">
     <FormWizardHeader>
          <div style="width: 100%;"text-align: center;">Person Biodata Form</div>
     </FormWizardHeader>
     <FormWizardDataPropertyName Name="FirstName" Caption="First Name" StepIndex="0" />
     <FormWizardDataPropertyName Name="LastName" Caption="Last Name" StepIndex="0" />
     <FormWizardDataPropertyName Name="DateOfBirth" Caption="Date of Birth"
          StepIndex="0" DataType="Date" Format="dd/MM/yyyy" AllowEmpty="false" />
     <FormWizardDataPropertyName Name="Age" StepIndex="0" DataType="Integer" />
     <FormWizardDataPropertyName Name="Gender" StepIndex="0" DataType="List"
          Type="SamplesNET2.Data.GenderType" AllowEmpty="false"/>
     <FormWizardDataPropertyName Name="IdentityCardNo" Caption="ID No." StepIndex="1" />
     <FormWizardDataPropertyName Name="Address" StepIndex="1" />
     <FormWizardDataPropertyName Name="City" StepIndex="1" />
     <FormWizardDataPropertyName Name="Country" StepIndex="1" />
     <FormWizardDataPropertyName Name="PictureUrl" Caption="First Name"
          StepIndex="2" DataType="ImageUrl" AllowEmpty="false" />
     <FormWizardDataPropertyName Name="BioData" Caption="Bio Data"
          StepIndex="2" DataType="MultiText" />
     <FormWizardFooter>
          <div style="width: 100%;"text-align: right;">Irwsoft.com</div>
     </FormWizardFooter>
</FormWizard>



Related Topics :


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