Secha touch2: настройка фонового изображения для формы панели в планшете

Question

Привет, я новичок в sencha touch2, сталкиваюсь с проблемой при настройке фонового изображения. Я не мог видеть полное изображение на планшете, нижняя часть была обрезана. вот мое мнение:

Ext.define('Test.view.LoginPage', { 
    extend: 'Ext.form.FormPanel', 
    xtype: 'loginPage', 

    config:{ 
     styleHtmlContent:'true', 
     scrollable:'false', 
     styleHtmlCls:'login-Cls', 

     html: '<img class="logo" src="resources/images/login_Landscape_BG.png"/>' 

    } 

}); 

и мне нужно добавить таблетку в папку профилей, как мои цели приложения только для планшетов. Не могли бы вы помочь мне. Благодаря

Answer 1

Вместо использования html, вы можете попробовать использовать style установить полный фоновое изображение:

style: 'background-image: url("resources/images/sesto-exterior.jpg"); background-size: 100% 100%;' 

Answer 2

FWIW, я должен был следовать этому предложению: http://www.sencha.com/forum/showthread.php?189231-Background-Image-in-form-Panel

и использовать это для моего CSS (сначала добавили кластер TxPanel на панель формы): .TxPanel .x-scroll-container { background: url ('img/txbackground.png') повторный центр; }

Но blechhh. Это довольно некрасиво хак :-P

Answer 3

Попробуйте это (использование стиля конфигурации insteat в HTML конфигурации):

Ext.define('Test.view.LoginPage', { 
    extend: 'Ext.form.FormPanel', 
    xtype: 'loginPage', 

    config:{ 
     styleHtmlContent:'true', 
     scrollable:'false', 
     styleHtmlCls:'login-Cls', 
     style: 'background-image:url(resources/images/login_Landscape_BG.png);background-repeat:no-repeat;background-size:100% 100%;' 

    } 

});