Irwsoft NETCore Asp

FormWizardDesigner
Brief Information
DescriptionA free designer of 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.
A Free design with HTML and controls of Irwsoft NETCore Asp.
FormWizardDesigner tag-helper
FormWizardDesigner tag-helper (Personal Information)


FormWizardDesigner tag-helper
FormWizardDesigner tag-helper (Address Information)


FormWizardDesigner tag-helper
FormWizardDesigner tag-helper (Biodata Information)


The INA ASP.net FormWizardDesigner tag-helper is a data entry tag-helper that separates into some steps. The tag-helper lets developer design a form to input data with HTML and any controls of Irwsoft NETCore Asp. There is also auto validation for the data types for each properties. With this idea make FormWizardDesigner tag-helper is a powerfull tag-helper for data-entry application because it is easy to use and make developement faster.

It is recommended to use contros of Irwsoft NETCore Asp for data entry. All data-binding and data-populating will be handled by FormWizardDesigner.

Example : Input biodata of Person table with FormWizardDesigner


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 FormWizardDesigner

// 1) Defines the FormWizardDesigner tag-helper
<FormWizardDesigner ID="FD1" SkinStyle="Orange" DataObject=Model>
     // 2) Defines the Form'Steps
     <FormWizardDesignerStep StepTitle="Personal Information" NextButtonID="NextBtn">
          <div class="header">Biodata Registration</div>
          <div class="content">  // 3) Designs all input controls of the form
               <div class="title"><span class="txt">Personal Information</span></div>
               <table>
                    <tr>
                         <td>
                              <Field ID="FName" Text="Name"></Field>
                         </td>
                         <td colspan="3">
                              <InputText ID="FName" DataFormat="{0} {1}" Width="600">
                                   <DataPropertyName Name="FirstName" />
                                   <DataPropertyName Name="LastName" />
                              </InputText>
                         </td>
                    </tr>
                    <tr>
                         <td>
                              <Field ID="FDOB" Text="Date Of Birth"></Field>
                         </td>
                         <td>
                              <DateTimePicker ID="DTP" DateTimePickerMode="Date">
                                   <DataPropertyName Name="DateOfBirth" DataType="Date" />
                              </DateTimePicker>
                         </td>
                         <td>
                              <Field ID="FAge" Text="Age"></Field>
                         </td>
                         <td>
                              <InputText ID="ITAge" Width="100">
                                   <DataPropertyName Name="Age" DataType="Integer" />
                              </InputText>
                         </td>
                    </tr>
                    <tr>
                         <td>
                              <Field ID="FGender" Text="Gender"></Field>
                         </td>
                         <td colspan="3">
                              <DropDownList ID="DDLGender">
                                   <DataPropertyName Name="Gender" DataType="List" Type="SamplesNET2.Data.GenderType" />
                                   <DataSourcePropertyName DataType="List" Type="SamplesNET2.Data.GenderType" />
                              </DropDownList>
                         </td>
                    </tr>
               </table>
          </div>
          <div class="buttons">
               <Button ID="NextBtn" Text="Next"></Button>
          </div>
     </FormWizardDesignerStep>
     <FormWizardDesignerStep StepTitle="Address Information"
          PreviousButtonID="PrevBtn1" NextButtonID="NextBtn1">
          <div class="header">Biodata Registration</div>
          <div class="content">  // 3) Designs all input controls of the form
               <div class="title"><span class="txt">Address Information</span></div>
               <table>
                    <tr>
                         <td>
                              <Field ID="FIdentityCardNo" Text="ID NO."></Field>
                         </td>
                         <td>
                              <InputText ID="ITIdentityCardNo">
                                   <DataPropertyName Name="IdentityCardNo" />
                              </InputText>
                         </td>
                         <td>
                              <Field ID="FAddress" Text="Address"></Field>
                         </td>
                         <td>
                              <MultiText ID="MTAddress">
                                   <DataPropertyName Name="Address" />
                              </MultiText>
                         </td>
                    </tr>
                    <tr>
                         <td>
                              <Field ID="FCity" Text="City"></Field>
                         </td>
                         <td>
                              <InputText ID="ITCity">
                                   <DataPropertyName Name="City" />
                              </InputText>
                         </td>
                         <td>
                              <Field ID="FCountry" Text="Country"></Field>
                         </td>
                         <td>
                             <InputText ID="ITCountry">
                                   <DataPropertyName Name="Country" />
                              </InputText>
                         </td>
                    </tr>
               </table>
          </div>
          <div class="buttons">
               <Button ID="PrevBtn1" Text="Previous"></Button>
               <Button ID="NextBtn1" Text="Next"></Button>
          </div>
     </FormWizardDesignerStep>
     <FormWizardDesignerStep StepTitle="BioData Information"
          PreviousButtonID="PrevBtn2" SaveButtonID="SaveBtn" CancelButtonID="CancelBtn">
          <div class="header">Biodata Registration</div>
          <div class="content">  // 3) Designs all input controls of the form
               <div class="title"><span class="txt">BioData Information</span></div>
               <table>
                    <tr>
                         <td>
                              <Field ID="FPictureUrl" Text="Photo"></Field>
                         </td>
                         <td>
                              <FileUpload ID="FUPictureUrl" Async="true">
                                   <DataPropertyName Name="PictureUrl" DataType="ImageUrl" />
                              </FileUpload>
                         </td>
                    </tr>
                    <tr>
                         <td>
                              <Field ID="FBioData" Text="BioData"></Field>
                         </td>
                         <td colspan="3">
                              <MultiText ID="ITBioData" Width="800">
                                   <DataPropertyName Name="BioData" DataType="MultiText" />
                              </MultiText>
                         </td>
                    </tr>
               </table>
          </div>
          <div class="buttons">
               <Button ID="PrevBtn2" Text="Previous"></Button>
               <Button ID="SaveBtn" Text="Save"></Button>
               <Button ID="CancelBtn" Text="Cancel"></Button>
          </div>
     </FormWizardDesignerStep>
</FormWizardDesigner>



Related Topics :


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