inputAreaTemplate: {
choicePresentation: [
{
id: 'e1', // first selection element in input area (slider, checkbox, dropdown)
type: 'clickPanel',
width: 32, // in pixel
height: 32, // in pixel
mapping: [
{
sourceValue: 'english', // original value in product table
displayValue: '<img src="http://www.sellector.com/components/com_joomfish/images/flags/en.gif"/>',
displayInactive: '<img src="http://www.sellector.com/components/com_joomfish/images/flags/en_grey.gif"/>'
},
{
sourceValue: 'deutsch', // another original value in product table
displayValue: '<img src="http://www.sellector.com/components/com_joomfish/images/flags/de.gif"/>',
displayInactive: '<img src="http://www.sellector.com/components/com_joomfish/images/flags/de_grey.gif"/>'
}
],
floating: 'left', // left, right, none
spacing: 3, // in pixel
frameColor: '#333333',
frameWidth: 2, // in pixel
opacity: 50, // in pixel
highlight: 'frame', //frame, fade
} // for changing more input elements put a ',' here and insert all above starting after 'choicePresentation ['
]
},
Notice:
1. Please adapt the values after the ':' to your needs.2. 'id' specifies the selection element to be changed. It composes of the small letter 'e' and the column number in your sellector table not counting all invisible columns (columns not visible in the input area such as DESTINATION, etc. do not count).
3. The above code snippet must be placed inside the 'sellectorPresentation'-variable (there should only be one per page) inside a javascript-script-tag as shown below:
<script type="text/javascript">
var sellectorPresentation = { // there can only be one 'sellectorPresentation' variable per page
other code
Place your code here
other code
}
</script>