[SOLVED] Dropdown menu not on top

[Pierre]

Hello
I have dropdown button which show menu on hover,
I made example here:
http://code.reloado.com/ecituq3/28/edit
Problem is that second Button does not show menu correctly when you come with mouse over him. Menu is displayed somehow in the background.
I try with z-index but it does not worked.
Any help will be great.

[jarry]

You should set the 'overflow:visible' CSS style for the container panel. The updated example below works fine.

http://code.reloado.com/ecituq3/29/edit#preview

[Pierre]

Thank you very much for your help but I can not figure out how to implement it on other example:
http://code.reloado.com/ecituq3/30/edit#preview
if you resize browser so the menu have no place to open to bottom must must be opened at top (please see image below) then menu is not opened.
In your example it works but on this (new) it does not.
Can you please tell me why not?
Thank you.

[jarry]

You should set the 'cls' property with 'panel-overflow-visible' value to let the panel has the 'overflow:visible' style.

Code:

<div data-options="region:'center'" cls="panel-overflow-visible" style="overflow:visible">
  <table id="dg" data-options="header:'#invoices_header',singleSelect:true,border:false,fit:true,fitColumns:true,scrollbarSize:0,cls:'panel-overflow-visible'">  
...

The example below works fine.

http://code.reloado.com/ecituq3/31/edit#preview

[Pierre]

Awesome, thank you so much for your help.
It works perfect now