Ciao a tutti, sto lavorando su un app è ho un problema sul posizionamento e ridimensionamento di un'immagine. Vi incollo il codice:

Ext.define('GS.view.WebCam1', {
extend: 'Ext.Panel',
xtype: 'webcam1',

config:{
iconCls: 'search',
title: 'WebCam1',
html: '<img src="http://www.bacchiglione.it/webcam0.jpg" />',
styleHtmlContent: true,

items: [{
docked: 'top',
xtype: 'titlebar',
title: 'WebCam Ponte degli Angeli',
items: [
{
text: 'Info'
}
]
}]
}
});

Il risultato è questo:



I problemi sono:

Vorrei che l'immagine non avesse bordi e si ridimensionasse riempiendo lo schermo.
Vorrei che il titolo della docked bar top stesse al centro e non seguisse invece l'immagine sotto.

Grazie

Paolo

prova ad usare il controllo nativo image di sencha touch, invece di un container con la proprietà html settata