Introduction to JavaScript framework of Plumsail Forms (public forms)

Modern Forms are highly customizable and it’s JavaScript which allows you to go above and beyond any limitations you might face.

Bootstrap and custom styles can make your form look great on any screen and device, but JavaScript can add often much needed interactivity to the form.

Modern Forms are built with Vue.js and also support JQuery.

Available framework variables

Variable

Description/Examples

fd

JavaScript manager used in most operations with the form. Allows access to all events, controls, fields, validators and data on the form.


Example:

//make fd available in browser's console
window.fd = fd;

//call form rendered event
fd.rendered(function() {
    //fields are available to get/set
    fd.field('Title').value = "New Title";
});

$

jQuery library which can be used for a variety of things, to apply styles dynamically to the form, hide and show fields and much more.


Example:

//make jQuery available in browser's console
window.$ = $;

//hide fields with CSS class
$('.field-to-hide').css('visibility', 'hidden');

//make fields with CSS class visible
$('.field-to-hide').css('visibility', 'visible');