Как разместить изображение на панели extjs по мере необходимости.?

Question

У меня есть панель, которая связывает другие компоненты для рендера по требованию. У меня есть фоновое изображение на этой панели. Мне нужно отображать логотип компании в правом нижнем/верхнем левом/верхнем правом/нижнем левом углу панели во время выполнения. Из-за рендеринга других компонентов на одной панели я не могу изменить компоновку на другую. Я хочу применить CSS, чтобы мой логотип был размещен по мере необходимости.

Ваша помощь очень ценится!

Спасибо большое!

Answer 1

Чтобы установить класс CSS к телу панели вы можете сделать это следующим образом:

Panel.body.addCls("logo"); 

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

.logo 
{ 
    background-image: url(logo.png); 
    background-position: top right, top left; 
    background-repeat: no-repeat; 
} 

Это будет отображать логотипы в верхний правый и верхний левый части корпуса панели.