Laravel Dynamic form builder

[@faisalkashifi5669]

Keep sharing your valuable tips, learning a lot from you. Thanks.

[@eraufi]

So nice of you

[@patiphonklongyut4704]

Nice! Is it possible to add validation? on the server side or the client side.

[@eraufi]

Yes you can!.but in the server side it's a little difficult to add a validations because it's hard to know the fields name.
you can do it better using javascript

[@rasoolfetrati8098]

how the input values get saved?
and can we use a form for multiple users?

[@eraufi]

it saves as a json with key and value in database: you can see the demo here
stacktips.rf.gd/form-builder
and yes you can use a form for multiple users as well

[@sridixtechnology5200]

image store not working why?? should i use additional library for this ?

[@eraufi]

in this example i used a simple form for testing purposes. if you want to upload a file or image then you have to use enctype="multipart/form-data" tag in your form.
and create the logic of file upload in the controller

[@sridixtechnology5200]

@@eraufi







@csrf









i have wriiten like this .. still image request not send to controller means its value atrribute is not goes to controller , what exactly i need to do ?

[@shakinajh5795]

hi, i cannot read my question, it shows blank

[@eraufi]

could you please explain a little bit more what errors you are getting or why it's showing blank

[@shakinajh5795]

@@eraufi when i inspect it shows jquery.min.js:2 GET 127.0.0.1:8000/get-form-builder?id=5 500 (Internal Server Error) and when i click it shows Method App\Http\Controllers\FormBuilderController::read does not exist.

[@shakinajh5795]

already follow your repo and everything is working except to read the question

[@shakinajh5795]

@@eraufi it says Method App\Http\Controllers\FormBuilderController::read does not exist.

[@shakinajh5795]

and i got GET localhost/get-form-builder?id=5 500 (Internal server error)

[@ReenaYadav-ni2ow]

Thanks a lot, Very helpfull tutorial , can you suggest how can we customize this form-builder.min.js library, i want to add a 'four-column layout' in form builder.

[@eraufi]

Let me check. because i've not done that yet

[@ReenaYadav-ni2ow]

@@eraufi ok

[@ReenaYadav-ni2ow]

@@eraufi any update regarding customization "form-builder.min.js"? in my project i need this functionality, i have done 3 days R&D for the same , but didnt get much help, please update any help as soon as possible..

[@eraufi]

@@ReenaYadav-ni2ow not yet. hopefully i will work on it on sunday

[@eraufi]

i've checked the documentation you don't have to modify the formbuilder.min.js for creating a four-column layout you can use bootstrap class names for that.
for example. when you create the form click on the edit of the field and add this class name on each of your fields.
form-control row-1 col-md-3
you can read more about it on the documentation
formbuilder.online/docs/formBuilder/demos/bootstrap-grid/

[@akhilaburri7372]

Very nice but how if we have dependency functionality like state, districts, blocks nd villages. I mean fetching villages based on selected block..

[@eraufi]

thank you.
I think the best way to handle this. is to create an event listeners for your blocks and villages so when ever they change fetch the dependent data from the server using ajax

[@umahatokula9586]

Nice one bro. Could you give an idea how to style the fields using tailwind classes? I see that the default class is form-control.

[@eraufi]

by default it uses Bootstrap form-control class. but you can change the class and add your custom class name or tailwind classes by press the pencil button or edit button the element you can read more about it in the documentation.
formbuilder.online/docs/

[@ReenaYadav-ni2ow]

i am unable to save data in forms table, though data save to form_builders table but not save to 'forms' table, and after click on 'show' button it gives me a black page with only save button....please suggest solution...

[@eraufi]

can you please. give me a demo by making a demo in here so i can see
stacktips.rf.gd/form-builder

[@ReenaYadav-ni2ow]

@@eraufi thansk for quick reply.. in above provided link it is working fine.. when i am working using your code data is not stored in forms table ,

[@ReenaYadav-ni2ow]

this code "public function create(Request $request)
{
$item = new FormBuilder();
$item->name = $request->name;
$item->content = $request->form;
$item->save();
return response()->json('added successfully');
}" is stored data to table "form_builders" but not store data to "forms" table

[@eraufi]

@@ReenaYadav-ni2ow in that case please check this repo for the source code
github.com/ERaufi/LaravelProjects

[@ReenaYadav-ni2ow]

@@eraufi i check with the source code, can you tell me what is the use of, my main issue is when i am creating a form , form table remain empty, thats why show button shows nothing after click.

[@talhashaikh5504]

Can you please add functionality to upload files as well

[@eraufi]

Sure I will add file upload functionality. after few days you can check in the github repo

[@eraufi]

you can check the my github repo for file upload functionality. it has been added.
github.com/ERaufi/LaravelProjects

[@talhashaikh5504]

@@eraufi okay brother I'll check in morning

[@talhashaikh5504]

@@eraufi userData JSON has not file data? how i can save files in database?

[@eraufi]

@@talhashaikh5504 save the file to the public folder and save the file name and path to JSON.
you can see a demo here. line number 35 and 37
github.com/ERaufi/LaravelProjects/blob/main/app/Http/Controllers/FormsController.php

[@oguzhansade]

can you share the source code of yours i mean Laravel Project with FormBuilder ? i need to see controllers with detail

[@eraufi]

you can find it my github repo.
github.com/ERaufi/LaravelProjects

[@oguzhansade]

@@eraufi Thank you

[@parisaraufi3358]

Nice work:)

[@eraufi]

Thanks

[@mayank1786]

Nice tutorial

[@eraufi]

Glad you think so!

[@hamzahsari1566]

pls I need the source code

[@eraufi]

you can find the source code in my github repo
github.com/ERaufi/LaravelProjects

[@hamzahsari1566]

@@eraufi thank you sir , how can i use the form on another page

[@eraufi]

@@hamzahsari1566 you can check the show method in the github repo and it will give you an idea on how to use it on another page

[@hamzahsari1566]

@@eraufi thanks sir. You are so kind. Another question is there any page builder which you advise me to use

[@eraufi]

@@hamzahsari1566 I am sorry but I never used any page builder.

[@mohammedmostafa409]

Thank you brother for the nice information
But if you want to do it, share it and people will click on it

[@eraufi]

thanks to you