apex4x
Version:
The Comprehensive ARIA Development Suite
48 lines (45 loc) • 1.65 kB
JavaScript
$A.import(["Animate", "Tab"], { defer: true }, function () {
$A.setTab("button.aria-tab", {
// Enable auto-rendering when the page loads.
// When true, the hash tag in the URL will automatically open the associated DC object.
// To render automatically, the hash tag must match the DC object id.
// To set a hash tag within the address bar, use the $A.setPage() function.
// For more details, view: Help/ARIA Development/Browser History and Permalinks
// Plus: Help/DC API/DC Object Configuration/Behaviors
trackPage: true,
afterRender: function (dc) {
$A.setPage(
dc.id,
$A.getText(dc.triggerNode) +
" ARIA Tab - Apex 4X Technical Style Guide",
);
},
/* Uncomment to set animation effects.
style: { display: "none" },
animate: {
onRender: function(dc, wrapper, next) {
$A.Velocity(wrapper, "transition.slideDownIn", {
duration: 1500,
complete: function() {
// Running next() is required to continue executing built-in lifecycle methods such as afterRender() when the animation completes.
next();
}
});
},
onRemove: function(dc, wrapper, next) {
$A.Velocity(wrapper, "transition.slideDownOut", {
delay: 500,
duration: 1500,
complete: function() {
// Running next() is required to continue executing built-in lifecycle methods such as afterRender() when the animation completes.
next();
}
});
}
},
*/
isToggle: false,
toggleClassName: "active",
toggleHide: true,
});
});