Page 1 of 1
Custom Widgets
Posted: Tue Jul 07, 2015 8:10 am
by 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?
Re: Custom Widgets
Posted: Tue Jul 07, 2015 8:13 am
by Scott Wagers
Unfortunately at this time there is no way to sort the order of custom widgets.
Re: Custom Widgets
Posted: Tue Jul 07, 2015 8:22 am
by rmullis99
Thanks. Please add this to the enhancement wishlist.
Re: Custom Widgets
Posted: Tue Jul 07, 2015 8:24 am
by Scott Wagers
Thank you, this is something we are currently looking to include.
Re: Custom Widgets
Posted: Tue Jul 07, 2015 8:33 am
by 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?
Re: Custom Widgets
Posted: Tue Jul 07, 2015 8:52 am
by 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.