Home / Scripts & Code / AngularJS

Angular Drag And Drop Form BuilderAngular Drag And Drop Form Builder

This is a concise front-end application developed with Angular. You can create a beautiful form with drag and drop visualizatio

Average rating of 5.0 based on 3 votes

Home / Scripts & Code / AngularJS

Angular Drag And Drop Form Builder

This is a concise front-end application developed with Angular. You can create a beautiful form ...

Average rating of 5.0

18 Support questions or comments

Please login or create an account to post a question or comment.

Yeison Amado
@Jhey

Country:

Peru

City:

lima

Member since:

Dec 2023

Last seen:

16 Dec 2023

">

1 month ago

Jhey Purchased

good, a query when rendering the application takes approximately 5 minutes, this is normal

Nam Khanh Do
@donamkhanh

"Author

"Affiliate

"Featured

"Service

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

donamkhanh

1 month ago

donamkhanh Author

Could you please tell me what is a query? This script is totally frontend, if it takes 5 minutes to render, that mean your form is super huge with thousands of fields.

Please provide more information then I will try my best to support.

Best regards,

Yogiraj Saini
@Yogiraj

Country:

India

City:

Delhi

Member since:

Nov 2023

Last seen:

15 Jan 2024

">

2 months ago

Can you provide List of All Control / component which can be use to design the Page. I do not see any control through which provide Tabular data representation.
there are any provide demo version, Because i want demonstrate it for POC of Project.

Nam Khanh Do
@donamkhanh

"Author

"Affiliate

"Featured

"Service

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

donamkhanh

2 months ago

donamkhanh Author

Hi Yogiraj, you can check the live demo here https://dnd-form-builder.theseniorguys.net.

Unfortunately, tab component is not supported yet in this version

Yogiraj Saini
@Yogiraj

Country:

India

City:

Delhi

Member since:

Nov 2023

Last seen:

15 Jan 2024

">

2 months ago

i was asking for create Table dynamically like word document

Yogiraj Saini
@Yogiraj

Country:

India

City:

Delhi

Member since:

Nov 2023

Last seen:

15 Jan 2024

">

2 months ago

if there is not some control in same, could you develop / upgrade for me?

youssef mikhael
@youssefmikhael

Country:

Lebanon

City:

beirut

Member since:

Oct 2023

Last seen:

23 Nov 2023

">

2 months ago

youssefmikhael

if i buy it will i be able to play with its code to fit my design or json structure?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

2 months ago

donamkhanh Author

You can change to fit your design but with json structure it is fixed for this form builder (but you can change it by modifying the code)
youssef mikhael
@youssefmikhael

Country:

Lebanon

City:

beirut

Member since:

Oct 2023

Last seen:

23 Nov 2023

">

2 months ago

youssefmikhael

asking thre question in aother way, will i have full access to the source code?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

2 months ago

donamkhanh Author

Absolutely! You will have full Angular source code and documentation

kev dev
@https

Country:

United States of America

City:

new york

Member since:

Aug 2018

Last seen:

18 Jan 2024

">

3 months ago

https

it has backend to see the submitted form responses? if not, then how to get the sudmission details after customer fills it out?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

3 months ago

donamkhanh Author

No, it does not has backend but you can get the submitted on your own backend by dump the submitted values via POST method in form action URL

sachin khandagale
@sachinkhandagale21

Country:

India

City:

mumbai

Member since:

Aug 2023

Last seen:

18 Aug 2023

">

5 months ago

sachinkhandagale21

1) how many users can use this licence
2) can these codes reside on cloud
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

5 months ago

donamkhanh Author

Hi sachinkhandagale21,

1) The license do not apply to user, it applies to project.
Regular License: A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own or as part of a project. Distribution of source files is not permitted.

Extended License: An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resale "as-is". It is allowed to distribute/sublicense the source files as part of a larger project.

2) This code is frontend part, you can deploy to whatever cloud provider or hosting or even on your on-premise. This code is only depends on Bootstrap 5 as CSS framework

Themeplaza
@Themeplaza

Country:

Bangladesh

City:

Bogura

Member since:

Aug 2019

Last seen:

18 Jan 2024

">

9 months ago

Themeplaza

good luck with sales.
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

9 months ago

donamkhanh Author

Thank you ^^

David De La Cruz
@ddelacruz

Country:

Ecuador

City:

Guayaquil

Member since:

Mar 2023

Last seen:

19 Mar 2023

">

10 months ago

ddelacruz Purchased

Hi, what version of angular was the application built on?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

10 months ago

donamkhanh Author

Hi Ddelacurz,

It is built on Angular version 13 but it can still work with higher version

Ravi Malani
@ravimalani

Country:

India

City:

Surat

Member since:

Feb 2023

Last seen:

7 Apr 2023

">

10 months ago

ravimalani

Is it possible to regenerate the form using JSON?
View 3 more replies
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

10 months ago

donamkhanh Author

Hi Ravimalani,
Currently it does not have GUI form to repopulcate form from generated JSON but you still can set this value to subscriptionForm.content_dnd property
Ravi Malani
@ravimalani

Country:

India

City:

Surat

Member since:

Feb 2023

Last seen:

7 Apr 2023

">

10 months ago

ravimalani

OK, if I buy Extended License then am I allowed to access files or modify some coding like Add or remove the menu?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

10 months ago

donamkhanh Author

Here are definition:

Regular License
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own or as part of a project. Distribution of source files is not permitted.

Extended License
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resale "as-is". It is allowed to distribute/sublicense the source files as part of a larger project.
Ravi Malani
@ravimalani

Country:

India

City:

Surat

Member since:

Feb 2023

Last seen:

7 Apr 2023

">

10 months ago

ravimalani

Is it possible to integrate it with our existing system?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

10 months ago

donamkhanh Author

Yes, it is possible if your existing system is Angular. Of course we still need to modify a litre of code (usually is app.module to import necessary module/component)
Ravi Malani
@ravimalani

Country:

India

City:

Surat

Member since:

Feb 2023

Last seen:

7 Apr 2023

">

10 months ago

ravimalani

Ok, Thank You

Joson Doll
@josondoll

Country:

Bangladesh

City:

Dahaka

Member since:

Jun 2021

Last seen:

17 Jan 2024

">

11 months ago

josondoll

this script i can insrall namecheap cpanel hosting answer please
View 3 more replies
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

11 months ago

donamkhanh Author

You have to build from Angular script (typescript) to static file (HTML) then you can upload to Namecheap (via Cpanel or FTP)
Joson Doll
@josondoll

Country:

Bangladesh

City:

Dahaka

Member since:

Jun 2021

Last seen:

17 Jan 2024

">

11 months ago

josondoll

you have any video how to install your script in domain
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

11 months ago

donamkhanh Author

I don't have video tutorial yet but I will record it to you in few hours.

In the meantime, you can run this command `npm run build` to build Angular's script into static file. After build successfully, you can copy all files in /dist folder and upload to Namecheap hosting
Joson Doll
@josondoll

Country:

Bangladesh

City:

Dahaka

Member since:

Jun 2021

Last seen:

17 Jan 2024

">

11 months ago

josondoll

i wating for your full instalation video comand and host in cpanel and run domain
Joson Doll
@josondoll

Country:

Bangladesh

City:

Dahaka

Member since:

Jun 2021

Last seen:

17 Jan 2024

">

11 months ago

josondoll

i still witing for your full installation video then i buy
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

10 months ago

donamkhanh Author

Hi Josondoll,

Here the video for building Angular Form Builder to static file but unfortunately, I don't have Namecheap cpanel account so I deploy on my local PC that running Laragon.

On other hosting/vps provider, we just need to copy the static files which are built in /dist folder to root folder of hosting/vps

Please check this video at https://www.youtube.com/watch?v=woQ2HqT6hqE

Mustafa pathria
@MustafaKPI

Country:

United Arab Emirates

City:

Dubai

Member since:

Jan 2023

">

Jan 19, 2023

MustafaKPI

I want this formBuilder to use as a feature for my single SAAS app. Can I use it under Regular Licence ?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

Jan 19, 2023

donamkhanh Author

Hi MustafaKPI,

Yes, you can use regular license for your SaaS project (only one project)
Mustafa pathria
@MustafaKPI

Country:

United Arab Emirates

City:

Dubai

Member since:

Jan 2023

">

Jan 19, 2023

MustafaKPI

Thank you for your response.
Is one project counted on one domain right?
Nam Khanh Do
@donamkhanh

Country:

Vietnam

City:

Ha Noi

Member since:

Jan 2021

Last seen:

17 Jan 2024

">

Jan 19, 2023

donamkhanh Author

If you have lot of domains but it still points to 1 source code, it is ok

Bellow are the description for each license:

Regular License
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own or as part of a project. Distribution of source files is not permitted.

Extended License
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resale "as-is". It is allowed to distribute/sublicense the source files as part of a larger project.

1
2

Free support
Future product updates
Quality checked by Codester
Lowest price guarantee

This item was featured

Information

Category	Scripts & Code / AngularJS
First release	24 April 2022
Last update	18 July 2022
Files included	.css, .html, Javascript .js
Tags	form builder, drag & drop, angular

Nam Khanh Do
@donamkhanh

View author's profile

Share & Earn Money

Earn 10% of all purchases made by new customers you refer to Codester.
Join our Affiliate program