Let's use some inputEx wisdom to create an editor for a RSS feed
var rssFormDef = { type: 'group', parentEl: 'container1', fields: [ {type: 'select', label: 'Version', name: '-version', choices: ['1.0','2.0'] }, { type: 'group', name: 'channel', fields: [ {type: 'string', label: 'Title', name: 'title'}, {type: 'string', label: 'Description', name: 'description', size: 53}, {type: 'url', label: 'Link', name: 'link'}, {type: 'select', label: 'Language', name: 'language', choices: ['en', 'fr']}, { label: 'Posts', type: 'list', name: 'item', elementType:{ type: 'group', fields: [ {type: 'string', label: 'Title', name: 'title', size: 60}, {type: 'string', label: 'Description', name: 'description', size: 60}, {type: 'inplaceedit', editorField:{type: 'url', showMsg: true}, name: 'link', label: 'Link', animColors:{from:"#FFFF99" , to:"#DDDDFF"} } ] } } ] } ] }; // Get the rss and populate the form Y.io('rss-example.xml', { method: 'GET', on: { success: function(id, o, args) { var xotree = new XML.ObjTree(); var tree = xotree.parseXML( o.responseText ); console.log(tree.rss); Y.inputEx(rssFormDef).setValue(tree.rss); } } });