I have really been getting into custom components and I’ve been building some fun stuff! Question: I have some builder code that looks like this:
//this is the Message Center custom component builder.registerBuilder(new builder.Builder({
id : 'messagecenter',
name : 'Message Center',
icon : 'ui-silk-error',
description : 'Custom component to show Messages',
hideFromComponentsList : false,
componentRenderer : function(component) {
component.header.text('Message Center');
},
propertiesRenderer : function(propertiesObj,component) {
propertiesObj.setHeaderText('Message Center');
var propsList = ={
id : 'selecteddivs',
type : 'picklist',
label : 'Select message centers'
}
];
propertiesObj.body.append(skuid.builder.buildPropsEditor(component.state,propsList));
},
defaultStateGenerator : function(){
return skuid.utils.makeXMLDoc('<messagecenter />');
}
}));
I would like to be able to specify what the picklist options should be for my “selecteddivs” property. I’m assuming it’s something like:
options = {
'Hello','World'
}
How do I do that? Also ideally I would like to render as a multi-select picklist. Is that possible on the builder side? How can I add options for that as well?
Soon, soon!