CSV Import form not showing with Bootstrap 3
CSV Import form not showing with Bootstrap 3
kthorngren
Posts: 21,336Questions: 26Answers: 4,951
in General
Trying to implement the Editor CSV Import example and having a problem getting the "Map CSV Fields" form to show. Pretty sure its a z-index issue but my CSS skills are basically nil 
Tried this:
div.DTED_Lightbox_Wrapper {
z-index: 9999;
}
The wrapper flashes but disappears. Using Bootstrap 3 integration. Let me know if you have any ideas.
Kevin
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
Here is a test case replicating the issue:
http://live.datatables.net/yixobehu/1/edit
Basically its a copy/paste oof the example along with Bootstrap 3 integration.
Kevin
Guess I should have searched first
Looks like this is the issue:
https://datatables.net/forums/discussion/comment/149722/#Comment_149722
Waiting on Editor 1.9.1!!
Kevin
Hi Kevin,
I've been working on this today for BS3 and BS4. Here is an update to your example with the BS3 fix (I've just pasted it into the JS tab: http://live.datatables.net/yixobehu/3/edit .
Allan
That works great, thanks!
Kevin
I added the code to my BS3 project and it works perfectly!
I'm creating a page to import records into a table, obviously
I'm staging the imported CSV into a table. Then allowing the user to use AutoFill to update select input fields with the proper options. AutoFill works perfectly for this. Once done, with a click of a button, the staged data will be moved to their final table.
This library of tools makes me look good! Thanks for the fantastic tools.
Kevin
That's awesome - thank you
.
Allan