Sort icons not being shown in Internet Explorer 11
Sort icons not being shown in Internet Explorer 11
databody
Posts: 11Questions: 3Answers: 0
I am using AdminLTE 2.4.18 theme which comes with bootstrap 3.4.1 and datatables 1.10.19. After extracting all files, when I double click on data.html file then it opens in IE and everything is displayed correctly including sort icons.
But same sort icons are not being displayed in my ASP.Net application even though everything else displays correctly. I have used both IISExpress and IIS 7 and both have same issue.
IE version is 11 and this machine does not have internet access.
Here's my header:
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="/assets/css/AdminLTE.min.css" />
<link rel="stylesheet" href="/assets/css/_all-skins.min.css" />
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.min.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="/assets/css/googleapifonts.css" />
<link rel="stylesheet" href="/assets/css/dataTables.bootstrap.min.css"/>
<title>
My Site
</title>
</head>
Here's my footer:
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/adminlte.min.js"></script>
<script src="/assets/js/jquery.dataTables.min.js"></script>
<script src="/assets/js/dataTables.bootstrap.min.js"></script>
<script>
$(function () {
$('#example1').DataTable()
})
</script>
I can actually sort by clicking heading. All other datatable functionality is also working. The only problem is sort icons are not being displayed. How to fix this issue?
This discussion has been closed.
Replies
Can you link to a test case showing the issue please. Our examples work in IE11 suggesting it might be an AdminLTE issue. Have you been in touch with its authors?
Allan
I feel I may have missed some CSS or JS to include or may be the order is incorrect (although I did change order in the original AdminLTE theme and it still worked)
Found the issue and fixed it. glyphicons-halflings-regular font files that are referenced in bootstrap.min.css were not present at correct location.
Thanks for posting back. Good to hear you have it working now.
Allan