Dropdown menu in Bootstrap Modal

Dropdown menu in Bootstrap Modal

OBCENEIKONOBCENEIKON Posts: 9Questions: 0Answers: 0
edited October 2013 in TableTools
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.

Replies

  • OBCENEIKONOBCENEIKON Posts: 9Questions: 0Answers: 0
    edited October 2013
    Here is an example in livetables.

    http://live.datatables.net/awufuh/3/edit#preview
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    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
  • OBCENEIKONOBCENEIKON Posts: 9Questions: 0Answers: 0
    That fixed the problem! Thanks!
  • OBCENEIKONOBCENEIKON Posts: 9Questions: 0Answers: 0
    edited October 2013
    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
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    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
  • nashirnashir Posts: 4Questions: 0Answers: 0
    edited November 2013
    > OBCENEIKON said: http://live.datatables.net/awufuh/3

    hey i want this source, can i get link download ?
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    Er - you just linked to it...
  • sreenu539sreenu539 Posts: 10Questions: 2Answers: 0
    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
This discussion has been closed.