Images in ExtJS

Question

Does anyone know of a way to rotate an image in ExtJs inside an Ext.Img component? The code I have right now is:

    xtype:'image',
    id: 'south_image',
    src: '/Home/DefaultImage',
    region: 'south',
    width: 700,
    height: 200

Answer 1

use below code

xtype:'image',
id: 'south_image',
src: '/Home/DefaultImage',
region: 'south',
width: 700,
height: 200,
style: {
    transform: rotate(45deg),
    -ms-transform: rotate(45deg),
    -moz-transform: rotate(45deg),
    -webkit-transform: rotate(45deg),
    -o-transform: rotate(45deg)
}