Hello Fabrik Community
Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.
Exciting times to be sure.
The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section
We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..
Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.
var name = Fabrik.blocks['form_1'].formElements.get('users___name');
var name = Fabrik.getBlock('form_1').Elements.get('users___name');
requirejs(['fab/fabrik'], function () {
// This is your form's id:
var formId = 1;
Fabrik.getBlock('form_' + formId, false, function (block) {
// Block is a reference to the Fabrik form 1 object.
var field = block.Elements.get('users___name');
field.addEvent('blur', function () {
alert('you blurred this element');
});
});
});
var name = Fabrik.getBlock('form_1').formElements.get('users___name');
// Get an element's value:
value = name.get('value');
// Update the value
name.update('new value');
// Update list element values
// This example will select the suboptions with values of 4 and 5,
// and deselect all others
name.update(['4', '5']);
// or since June 2013
name.set('new value');
// Reset to original value
name.reset();
// Clear values:
name.clear();
// Get the <div> that surrounds all the element's DOM nodes:
var container = name.getContainer();
// Get the error message <div>
var error = name.getErrorElement();
// Set the element's error message:
// className can take: 'fabrikValidating', 'fabrikError' or 'fabrikSuccess'
name.setErrorMessage('this is the message', className);
//Show/hide
name.show();
name.hide();
name.toggle();
// Add an event
name.addEvent('blur', function () {
alert('you blurred this element');
});
// Get the repeat group #
name.getRepeatNum();