Custom Widgets

[rmullis99]

I am creating custom widgets and placing them in a new group in the Visual Designer. The new group is created at the bottom of the groups that are currently there. Is there any way to reorder the groups in the Visual Designer to have it displayed first?

[Scott Wagers]

Unfortunately at this time there is no way to sort the order of custom widgets.

[rmullis99]

Thanks. Please add this to the enhancement wishlist.

[Scott Wagers]

Thank you, this is something we are currently looking to include.

[rmullis99]

I have one more question about custom widgets.

I would like to create some custom derived widgets. I know they are derived from base widgets, but I would like to start with a widget that is already setup from a base widget and customize it further. For example, I would like to take a "Polished Grid" and customize it further to create my own customized polished grid. Is there a specific folder for the .js for the Polished Grid that I can copy and customize?

[Scott Wagers]

There's no place to copy an existing widget's .js file. You can create a derived widget and customize it by adjusting the category, widget type, and default properties.

http://www.profoundlogic.com/docs/displ ... ved+widget

For example to create a basic Polished Grid derived widget you could use something like this and place it into the userdata/custom/widget location of your Profound UI instance :

Code: Select all

pui.toolbox.add({
  category: "Custom Widgets",
  widget: "grid",  
  text: "My Polished Grid",
  icon: "/profoundui/proddata/images/icons/image1.png",
 
  proxyHeight: 100,
  proxyWidth: 150,
     
  // Alter your default properties here
  defaults: {
    "width": "150px",
    "color": "#666666",
    "background color": "#FAE4AA",
    "header height": "30",
    "column headings": "A, B, C",
    "font family": "Sans-Serif",
    "font size": "12px",
    "css class": "polished-grid"
  }  
});

This can also be further customized by adjusting any of the default properties available to the grid widget.