toolbar: drop down menu

Hi,
I load a html page inside a panel using Iframe. On my main panel I have toolbar menu which has sub-menu. When I click on the mune button, the list goes behind the html page and items aren't visible.

Does anyone know why? Is there any solution?

I wish you all a very happy Christmas and a Happy New Year.

Thanks,
Kamal

Hi,

There are a few workarounds:
- place toolbar at the bottom
- don't use a iframe in this scenario (when you absolutely need a menu in the toolbar)
- place the toolbar on top of a panel inside the iframe
- use the ux.ManagedIframePanel extension from Ext (recommended)
- search with Firebug the dom element of the menu and try override its css style, setting a higher z-index

Martijn

Hi Martijn,
Thanks for your response.

How can I use ux.ManagedIframePanel?

Thanks,
Kamal

Hi,

Try searching Google or the ExtJS forums for a description and a api reference for this component. (if you are new to using Ext extensions you might want to follow a simpler approach)

Martijn