Dropdown menu in Bootstrap Modal

OBCENEIKON

I found an issue with using TableTools in a Twitter Bootstrap Modal.
If you use the example listed on the page http://datatables.net/release-datatables/extras/TableTools/bootstrap.html in a modal, the drop down menu is below the modal window.
Adding a CSS rule with a higher z-index fixes the issue, but clicking outside of the drop down menu does not close the drop down menu.
[code].DTTT_dropdown.dropdown-menu {
z-index: 9000;
}[/code]

Also, the menu items will highlight, but it seems like the only one that works when clicked is PDF.

OBCENEIKON

Here is an example in livetables.

http://live.datatables.net/awufuh/3/edit#preview

allan

You probably want to include the CSS from here: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/2 . That should resolve it I think.

Allan

OBCENEIKON

That fixed the problem! Thanks!

OBCENEIKON

Well, it fixed the z-index issue, and the menu item highlighting and clicking. But the dropdown doesn't close when an area outside of the menu is clicked though :(

http://live.datatables.net/awufuh/5/edit

allan

Ah - very good point. It looks like I missed that in my integration file. i've just committed it and this is the update to your example with it working: http://live.datatables.net/awufuh/6/edit

Allan

nashir

> OBCENEIKON said: http://live.datatables.net/awufuh/3

hey i want this source, can i get link download ?

allan

Er - you just linked to it...

sreenu539

Hello OBCENEIKON / allan ,

I am also trying to figure out how to "hide the menu" once the modal window is opened.

Any ideas on this ? I appreciate your help guys!

Thanks,
Sri