Page Comparison

pui.widgets.buttonStyles["button style name"] = {
  property1: value1, property2: value2, etc.
}

// Add a custom button style
pui.widgets.buttonStyles["Custom Button"] = {
  left: 23,
  right: 23,
  top: 10,
  bottom: 10,
  hasOverState: false,
  hasClickState: false,
  textColor: "#000000",
  editBackgroundColor: "#eca430",
  width: 125
}

// Now, add an entry to the Widgets Toolbox
pui.toolbox.add({
  category: "Custom Widgets",
  widget: "styled button",
  text: "Custom Styled Button",
  icon: "/profoundui/proddata/images/buttons/Custom Button/icon.png",

  proxyHeight: 23,
  proxyWidth: 125,
  proxyHTML: function(defaults) {
    return pui.widgets.getStyledButtonProxy(defaults);
  },

  defaults: {
    "button style": "Custom Button",
    "width": "125px",
    "color": "#000000"
  }
});