Demo of SetStyle Behavior
SetStyle on Click
SetStyle lets you set CSS style attributes for an element or elements. In this example, clicking on the avatar sets the left & right borders to a solid red 2 pixel wide line.
You can click here to restart the example.
$proto('#avatar', {
Click: {
onClick: {
SetStyle: {
borderLeftWidth: '2px',
borderLeftStyle: 'solid',
borderLeftColor: '#FF0000',
borderRightWidth: '2px',
borderRightStyle: 'solid',
borderRightColor: '#FF0000'
}
}
}
});
Click: {
onClick: {
SetStyle: {
borderLeftWidth: '2px',
borderLeftStyle: 'solid',
borderLeftColor: '#FF0000',
borderRightWidth: '2px',
borderRightStyle: 'solid',
borderRightColor: '#FF0000'
}
}
}
});
For a full description of this behavior see the SetStyle Documentation Page.