ExtJs 4.2 - удаление границ окна?

Question

var myWindow = Ext.create('Ext.window.Window', { 
    header: false, 
    style: 'background-color: transparent; border: false', 
    bodyStyle: 'background-color: transparent; background-image: url(graphics/ss_message.png); background-size: 100% 100%;', 
    id: 'ss_banner', 
    width: 250, 
    height: component.getBox().height, 
    border: false, 
    bodyBorder: false, 
    frame: false, 
    cls: 'noPanelBorder', 
}); 

Я использую окно xtype, потому что я не могу показать контейнер/панель, даже если я добавлю renderTo: Ext.getBody(), это не сработает.

окно выглядит как например:

Я также попытался использовать CSS я довольно уверены, на какие свойства использовать.

Любая помощь очень ценится.

Answer 1

Удаление окна границы

Если вы действительно хотите, чтобы удалить границы окна, вы можете использовать следующую конфигурацию:

var myWindow = Ext.create('Ext.window.Window', { 

    // ... 

    // What shows the 'border' is actually just the background of the window 
    // shown via padding (+ 1px of actual border) 
    style: 'padding: 0; border-width: 0;', 
    // Show automatically 
    autoShow: true, 
    // Disable resizing, if you want 
    resizable: false, 
}); 

Вот рабочая скрипку из removing window borders

Отображается панель

H в противном случае, если вы не хотите использовать какие-либо функции окна и можете делать с контейнером или панелью, вы должны их использовать. Все, что вам нужно, это конфигурация renderTo, которую вы упомянули, чтобы отобразить панель на корпусе или на любой другой элемент. Я не знаю, почему эта конфигурация не работает для вас, она отлично работает в скрипке ниже.

Вы можете попробовать добавить уникальный класс к панели через конфигурационное свойство cls и найти его в визуализированном HTML-коде. Возможно, что это сделано правильно и просто не видно по какой-то причине.

Вот рабочая скрипку из rendering panel to element

EDIT:
Если необходимо отобразить только изображение, есть компонент изображения в ExtJS, Ext.Img. Вы можете работать с этим компонентом так же, как я описал для панели.

Answer 2

Это работает для меня:

var myWindow = Ext.create('Ext.window.Window', { 
    // What shows the 'border' is actually just the background of the window 
    // shown via padding (+ 1px of actual border) 
    style: 'padding: 0; border-width: 0;', 
});