Level 55
Hi @ilernet check this one https://formbuilder.online/docs/formBuilder/options/disableFields/
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 = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
};
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
Please or to participate in this conversation.