Irwsoft NETCore Asp

FormDesigner
Brief Information
DescriptionA free designer of form data entry tag-helper to input many fields.
FeaturesA compact data entry form with auto validation.
A Free design with HTML and controls of Irwsoft NETCore Asp.
FormDesigner tag-helper
FormDesigner tag-helper to input data.


The INA ASP.net FormDesigner tag-helper is a data entry tag-helper. 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 FormDesigner tag-helper is the powerfull tag-helper for data-entry application but also lets you to design all input controls.

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

Example : Input biodata of Person table with FormDesigner


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 FormDesigner

// 1) Defines the FormDesigner tag-helper
<FormDesigner ID="FD1" DataObject=Model SkinStyle="Lemon"
     CancelButtonID="CancelBtn" SaveButtonID="SaveBtn">  // 2) It is not required for a CommandButton.
     <div class="header">Person Biodata</div>
     <div class="content">  // 3) Designs all input controls of the form
          <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>
                         <DropDownList ID="DDLGender">
                              <DataPropertyName Name="Gender" DataType="List" Type="SamplesNET2.Data.GenderType" />
                              <DataSourcePropertyName DataType="List" Type="SamplesNET2.Data.GenderType" />
                         </DropDownList>
                    </td>
                    <td>
                         <Field ID="FIdentityCardNo" Text="ID NO."></Field>
                    </td>
                    <td>
                         <InputText ID="ITIdentityCardNo">
                              <DataPropertyName Name="IdentityCardNo" />
                         </InputText>
                    </td>
               </tr>
               <tr>
                    <td>
                         <Field ID="FAddress" Text="Address"></Field>
                    </td>
                    <td>
                         <MultiText ID="MTAddress">
                              <DataPropertyName Name="Address" />
                         </MultiText>
                    </td>
                    <td>
                         <Field ID="FCity" Text="City"></Field>
                    </td>
                    <td>
                         <InputText ID="ITCity">
                              <DataPropertyName Name="City" />
                         </InputText>
                    </td>
               </tr>
               <tr>
                    <td>
                         <Field ID="FCountry" Text="Country"></Field>
                    </td>
                    <td>
                         <InputText ID="ITCountry">
                              <DataPropertyName Name="Country" />
                         </InputText>
                    </td>
                    <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="SaveBtn" Text="Save"></Button>
          <Button ID="CancelBtn" Text="Cancel"></Button>
     </div>
</FormDesigner>



Related Topics :


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