CODEWITHSUNDEEP
htmlcssextjsextjs4
Anand Singh
Anand Singh

Reputation: 327

How to position image in the extjs panel as required.?

I have panel which links other components to render on-demand. I have a background image to this panel. I need to display Company logo at the bottom-right/top-left/top-right/bottom-left of the panel at run time. Due to other components rendering in the same panel I cannot change the layout to some other. I want to apply CSS, so that my logo will be positioned as required.

Your help is much appreciated!

Thanks much!

Upvotes: 0

Views: 1638

Answers (1)

Michel
Michel

Reputation: 178

To set a css class to the panels body you can do it like this:

Panel.body.addCls("logo");

And the css needs to look something like this:

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

This will display the logos in the top right and top left of panels body.

Upvotes: 1

Related Questions