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 4.4 based on 5 votesAngular Drag And Drop Form Builder
This is a concise front-end application developed with Angular. You can create a beautiful form ... Average rating of 4.431 Support questions or comments
Please login or create an account to post a question or comment.
-
10 months agodarteweb PurchasedHi, we have saved the HTML and JSON generated from the form builder in the database. Now, we want to add edit functionality to the form. Can you guide us in doing that?
-
10 months agodonamkhanh AuthorHi, you just need to assign the JSON (load from database) to this.subscriptionForm.contend_dnd (at form-builder.component.ts)
-
10 months agodarteweb PurchasedHello,
We are using Angular 16, but when we are trying to update its not working, requesting can you please update your code for Angular 16 or Angular 17 as we will be updating to Angular 17 to near future. - View 1 more reply
-
10 months agodarteweb PurchasedAny update on it
-
10 months agodonamkhanh AuthorI tried to upgrade to Angular 17 but unfortunately, some components does not work (e.g: ckeditor). It will take time to upgrade all related components & test again
Thank you for your understanding! -
8 months agokitsonng PurchasedCan you send me the angular 17 upgrade? thanks
-
11 months agoMuhd4 PurchasedHi, i just bought this. How do I integrate with my existing angular 15 app? what library do i need to installed? pls help me
-
11 months agodonamkhanh AuthorHi Muhd4,
Thanks for your purcharsed. Here are some steps to integrate to existing project:
1. Migrate from my app.module.ts to your app.module.ts, make sure import all needed modules & declare FomrBuilderComponent
2. Initial i18nService in your app.component.ts file
3. Add style to your existing code:
- Check file styles.scss at /src/styles.scss, mare sure you imported all related scss file
- Copy assets file
4. Add CKEditor in your index.html
<script src="//cdn.ckeditor.com/4.12.1/full-all/ckeditor.js"></script>
<script src="//cdn.ckeditor.com/4.12.1/full-all/lang/en.js"></script>
5. Add language configuration to your environment.ts
defaultLanguage: 'en-US',
supportedLanguages: ['vi-VN', 'en-US', 'ja-JP']
Please note that this form builder use Bootstrap5!
If you have any question or need support, please inbox me! -
10 months agoMuhd4 Purchasedi failed to integrate at my existing project. Can you provide me a way to contact you ?
-
10 months agodonamkhanh Author
-
Dec 14, 2023Jhey Purchasedgood, a query when rendering the application takes approximately 5 minutes, this is normal
-
Dec 15, 2023donamkhanh AuthorCould 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,
-
Nov 9, 2023Can 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. -
Nov 9, 2023donamkhanh AuthorHi Yogiraj, you can check the live demo here https://dnd-form-builder.theseniorguys.net.
Unfortunately, tab component is not supported yet in this version -
Nov 9, 2023i was asking for create Table dynamically like word document
-
Nov 9, 2023if there is not some control in same, could you develop / upgrade for me?
-
Oct 25, 2023if i buy it will i be able to play with its code to fit my design or json structure?
-
Oct 26, 2023donamkhanh AuthorYou 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)
-
Oct 26, 2023asking thre question in aother way, will i have full access to the source code?
-
Oct 26, 2023donamkhanh AuthorAbsolutely! You will have full Angular source code and documentation
-
Oct 7, 2023it has backend to see the submitted form responses? if not, then how to get the sudmission details after customer fills it out?
-
Oct 9, 2023donamkhanh AuthorNo, 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
-
Aug 11, 20231) how many users can use this licence
2) can these codes reside on cloud -
Aug 11, 2023donamkhanh AuthorHi 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
-
Apr 11, 2023good luck with sales.
-
Apr 12, 2023donamkhanh AuthorThank you ^^
-
Mar 8, 2023ddelacruz PurchasedHi, what version of angular was the application built on?
-
Mar 9, 2023donamkhanh AuthorHi Ddelacurz,
It is built on Angular version 13 but it can still work with higher version
Information
Category | Scripts & Code / AngularJS |
First release | 24 April 2022 |
Last update | 13 August 2024 |
Files included | .css, .html, Javascript .js |
Tags | form builder, drag & drop, angular |