ilernet's avatar

Jquery formbuilder remove controls

Hi all, I am using this wonderful jquery plugin to create forms very easily by dragging and dropping, by default the wrapper loads many elements such as "header", "number", "field" ...

I would like not to show any of them as I only need a couple of them.

No matter how much I look at the documentation, I can't see it

https://formbuilder.online/docs/

Now i have this code


@extends('layouts.user')

@section('content')

<p>
    <h2>Create form</h2>
</p>


<div class="setDataWrap">
    <button id="getJS" type="button">Guardar</button>
</div>
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@csrf
<div id="build-wrap"></div>

@endsection

@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="https://formbuilder.online/assets/js/form-builder.min.js"></script>
    <script src="https://github.com/kevinchappell/formBuilder-languages/blob/master/es-ES.lang"></script>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        jQuery(function($) {
            function escapeHtml(text) {
                var map = {
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;'
                };

                return text.replace(/[&<>"']/g, function(m) { return map[m]; });
            }
            var fbEditor = document.getElementById('build-wrap');
            var formBuilder = $(fbEditor).formBuilder();
 
            document.getElementById('getJS').addEventListener('click', function(event) {
                //alert('check console');
                console.log(formBuilder.actions.getData());

                //post
                event.preventDefault();
                $.ajax({
                    type: "POST",
                    url: "{{ route('front.user.formElements.create') }}",
                    dataType:"json",
                    data: {
                        {{--"_token": "{{ csrf_token() }}",--}}
                        data : JSON.stringify(formBuilder.actions.getData())
                    },
                    statusCode: {
                        200: function (response) {
                            console.log(response);
                        },
                        400: function (response) {
                            alert('error 400');
                            alert(response);
                        },
                    },
                    error: function(data) {


                    }
                });
            });

        });
    </script>


@endsection




0 likes
1 reply

Please or to participate in this conversation.