CODEWITHSUNDEEP
extjs
Beetlejuice
Beetlejuice

Reputation: 4425

Extjs grid header is draw on top of other controls

See the image above, the grid header is always on top.

Here's the image:

enter image description here

This images is like a Menu. When I click the first one, open the menu in horizontal line. WHen I click the second (from top to botton) open the menu for this ˜group˜. This is an iconic menu.

For the first time, its only shown the first column of icons (in this case "bar" and "favorites", and the grid is displayed correctly. But once the "bar" button is clicked, the rest of line appears, but the grid header is on top.

This appears to be an absolute layout problem.

Upvotes: 0

Views: 608

Answers (2)

rabbit
rabbit

Reputation: 104

I recommend not change extjs classes.

If you do that, will get problems in a future update.

Upvotes: 1

Beetlejuice
Beetlejuice

Reputation: 4425

I found that the problem is in the ext-all.css file.

the z-index property in the class:

.x-docked{
    position:absolute!important;
    z-index:1
}

seems to be the problem.

If I change to zero, it works.

Upvotes: 0

Related Questions