Gene
  • Introduction
  • Folder Structure
  • Installation
  • Layouts
  • Translate App
  • Adding/Deleting Menu & Component
  • Adding Widgets in Component
  • Seed Project
  • Style Customization
  • RTL
  • Components
    • Chat
    • Calendar
    • Inbox
    • Editor
    • Material Icons
    • ng2 Chart
    • UI Component
    • Drag and Drop
    • Sortable js
    • Tables
      • Fullscreen
      • Selection
      • Pinning
      • Sorting
      • Paging
      • Editing
      • Filter
    • Forms
    • Maps
  • Deployment
  • Credits
  • Template Update
  • FAQ's (Frequently Asked Questions)
  • Changelog
  • Customer Support
    • Hire Us
Powered by GitBook
On this page
  • Form Wizard
  • Form Validation
  • Upload
  • Tree

Was this helpful?

  1. Components

Forms

Form Wizard

Adding Form Wizard in your project

There following steps to add Form Wizard

  • First of all, you have to edit in app.modulefile ,which is located in your-project-name\src\app folder.

  • Import following files in app.module file

    import { FormWizardComponent}  from './forms/form-wizard/formwizard.component';
  • Now open app-routing.module.ts file and import this file.

    import { FormWizardComponent }  from './forms/form-wizard/formwizard.component';

    After this,add following in routes

    { path: 'forms/form-wizard', component: FormWizardComponent }

Form Validation

Adding Form Validation in your project

There following steps to add Form Validation

  • First of all, you have to edit in app.modulefile ,which is located in your-project-name\src\app folder.

  • Import following files in app.module file

    import { FormValidationComponent}  from './forms/form-validation/formvalidation.component';
  • Now open app-routing.module.ts file and import this file.

    import { FormValidationComponent }  from './forms/form-validation/formvalidation.component';

    After this,add following in routes

    { path: 'forms/form-validation', component: FormValidationComponent }

Upload

Adding Form Validation in your project

There following steps to add Form Validation

  • First of all, you have to edit in app.modulefile ,which is located in your-project-name\src\app folder.

  • Import following files in app.module file

    import { FormValidationComponent}  from './forms/form-validation/formvalidation.component';
  • Now open app-routing.module.ts file and import this file.

    import { FormValidationComponent }  from './forms/form-validation/formvalidation.component';

    After this,add following in routes

    { path: 'forms/form-validation', component: FormValidationComponent }

Tree

Adding Form Tree in your project

There following steps to add Form Tree

  • First of all, you have to edit in app.modulefile ,which is located in your-project-name\src\app folder.

  • Import following files in app.module file

    import { FormTreeComponent}  from './forms/form-tree/formtree.component';
  • Now open app-routing.module.ts file and import this file.

    import { FormTreeComponent }  from './forms/form-tree/formtree.component'

    After this,add following in routes

    { path: 'forms/form-tree', component: FormTreeComponent }
PreviousFilterNextMaps

Last updated 6 years ago

Was this helpful?