Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


You can also copy images from an existing styled button located under the IFS directory /www/profoundui/htdocs/profoundui/proddata/images/buttons, and use them as a starting point.


In addition, a 16 by 16 pixel png icon should be created for the styled button.  All images should be placed into a subdirectory under /www/profoundui/htdocs/profoundui/proddata/images/buttons.  The name of the subdirectory will be the name of the button style.


The third and final step is to add an entry into the Widgets Toolbox by using the pui.toolbox.add() API.  For more details about this API, refer to the Widgets Development API section of the documentation.  Profound UI provides a special function pui.widgets.getStyledButtonProxy() that can automatically create a drag and drop proxy from the custom styled button definition.  This function should be used for the "proxyHTML" configuration option.  The "defaults" configuration option should assign the "button style" property to the new button style name. 

All JavaScript code should be saved into an external file that is placed in the /www/profoundui/htdocs/profoundui/userdata/custom/widgets IFS directory.


The following sample JavaScript code creates a custom styled button.