Fade-in fields / Fade-out fields

Available since April 2020.

Usecase

Please note: In the screenrecording shown above we are using the fade-functions and also the new onChange-handler for dropdowns, which is BETA. Next month there will be another step-by-step example for the shown usecase in our blog section.

Code

Single fields

// file:hooks/TABLENAME-dv.js
new AppGiniField("fieldname").fadeOut();

// file:hooks/TABLENAME-dv.js
new AppGiniField("fieldname").fadeIn();

// file:hooks/TABLENAME-dv.js
new AppGiniField("fieldname").fade( false ); // false = fade out

// or
// new AppGiniField("fieldname").fade( true ); // true = fade in

Multiple fields

// file:hooks/TABLENAME-dv.js

new AppGiniFields(["fieldname1", "fieldname2"]).fadeOut();

// or
// new AppGiniFields(["fieldname1", "fieldname2"]).fadeIn();

// or
// new AppGiniFields(["fieldname1", "fieldname2"]).fade(false); // false = fade out

// or
// new AppGiniFields(["fieldname1", "fieldname2"]).fade(true); // true = fade in

See also