Articles on: HTML5 App (Developer Version)

Managing the Action buttons

Action buttons are displaying in the product stage and can be individually in different positions.

var pluginOpts = {actions:  {
	'left': ['download','print', 'snap', 'preview-lightbox'],
	'right': ['zoom', 'reset-product'],
	'center': ['undo','redo'],
});
var fpd = new FancyProductDesigner(document.getElementById('fpd-target'), pluginOpts);

JavaScript

Available Actions

download	Allows to download the product as PNG, JPEG or PDF.
print	Prints the product.
snap	While dragging an element, it will snap to helper lines.
preview-lightbox	View the product in a lightbox.
zoom	Zoom via a slider.
reset-product	Resets all elements in the product to origin parameters.
undo	Undo
redo	Redo
info	Displays a custom message in a modal. The text can be set via the language JSON.
load	Loads a product from the saved products in the browser.

Updated on: 06/08/2025

Was this article helpful?

Thank you!