DataTables-Bootstrap SearchBox layout issue?
DataTables-Bootstrap SearchBox layout issue?
tschan_datatables
Posts: 2Questions: 1Answers: 0
Hi,
Please take a look at the following screenshots, especially around the SEARCH box on the top left corner.
Screenshot 1: from http://www.datatables.net/manual/styling/bootstrap-simple.html
http://i.imgur.com/PestD8b.jpg
("Search" label appears on top of the search box, and slightly to the left)
Screenshot 2: from https://datatables.net/examples/styling/bootstrap.html
http://i.imgur.com/bK5EKUz.jpg
(Looks OK)
Screenshot 3: from my own project:
http://i.imgur.com/jpVV9l2.jpg
(Position looks OK, but it seems that a padding is missing)
Tested with opera/firefox/chrome on windows, and firefox on osx; same results.
Happened on dataTables 1.10.1, 1.10.2, and the newly released 1.10.3.
Rather baffling because as far as i can see, the markup and the included css was identical.
Thanks.
Answers
I can't say exactly what is wrong without a link to a test page showing the issue. Have you included the latest Bootstrap integration files for DataTables? Other than that, I would need a link.
Allan
Screenshot 1 & 2 in my last message included links to the datatables site, replicated below:
...
Screenshot 1: from http://www.datatables.net/manual/styling/bootstrap-simple.html http://i.imgur.com/PestD8b.jpg ("Search" label appears on top of the search box, and slightly to the left)
...
Screenshot 2: from https://datatables.net/examples/styling/bootstrap.html http://i.imgur.com/bK5EKUz.jpg (Looks OK)
...
Please ignore screenshot 3 for now since it's an internal project and not accessible from outside the local network.
Are you suggesting that the link from screenshot 1 (http://www.datatables.net/manual/styling/bootstrap-simple.html) is using an older version of bootstrap/datatables integration files?
Thanks.
Sorry - I should have been more specific and detailed in my reply (what I get for rushing!). I'm afraid I don't know what is wrong with he padding on your example. But there is certainly something wrong with the DataTables example with he search box on the second line. That shouldn't be happening.
I'll look into that on Monday morning when I get back into the office.
Allan
Still looking into it. MaxCDN is down for me atm which is casing a bit of an issue...
Allan
I've updated the integration files now to address this issue, and others:
https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3
Regards,
Allan