Unexpected token ':' in datatables css
Unexpected token ':' in datatables css
AgathopAlex
Posts: 2Questions: 0Answers: 0
trying to load css keep on getting this error Unexpected token ':' in datatables css
code below
@using Cms.Portal.Web.App.Plugin.IHS.ViewModels
@model IHSDashModel
<div class="row padding-row-top">
<div class="col-md-12">
<div class="card-pf" style="padding-top: 10px;">
@*<div class="card-pf-heading" style="padding-bottom: 10px;">
<h2 class="card-title">
IHS Information
</h2>
</div>*@
<div class="panel-heading panel-bg-header">
<div class="panel-title panel-bg-header">
@{
var screenTitle = string.Empty;
screenTitle = "IHS Dashboard";
}
@screenTitle
</div>
</div>
<div class="card-pf-body padding-row-top ">
<div class="row">
<table id="tracking" class="table">
<tr>
<th colspan="8">
<div class="form-inline">
<div class="form-group">
</div>
<div class="form-group toolbar-pf-filter">
<div id="reference" class="input-group">
<span class="input-group-addon">
<label class="control-label">Reference</label>
</span>
<input type="text" class="form-control" id="filterByReference" placeholder="Filter By Reference...">
</div>
<br>
<br>
<div id="dateRange" class="form-group">
<div id="" class="input-group date">
<span class="input-group-addon">
<label class="control-label">From</label>
</span>
<input class="form-control bootstrap-datepicker no-submit-onenter" id="fromDate" data-date-format="YYYY/MM/DD" value="@DateTime.Now" type="text" />
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
</div>
<div id="" class="input-group date">
<span class="input-group-addon">
<label class="control-label">To</label>
</span>
<input class="form-control bootstrap-datepicker no-submit-onenter" id="toDate" data-date-format="YYYY/MM/DD" value="@DateTime.Now" type="text" />
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
</div>
</div>
<button id="getalldata" class="btn btn-default" >View</button>
</div>
</div>
</th>
</tr>
</table>
</div>
</div>
<div class="card-pf-body padding-row-top">
<div class="table-responsive">
<table id="IHSDashtable" style="width: 100%" class="table">
<thead></thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<environment names="Development">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"
integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8="
crossorigin="anonymous" asp-append-version="true"></script>
<script src="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" asp-append-version="true"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js" asp-append-version="true"></script>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script src="~/js/ihs/ihsdash.js" asp-append-version="true"></script>
</environment>
<environment names="Staging,Production">
<script src="~/js/ihs/ihsdash.min.js" asp-append-version="true"></script>
</environment>
Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.
Replies
@tangerine any advice
The advice is to link to a test page showing the issue, per the forum rules and the new post template text
.
The 1.13.4 CSS appears to load without issue here and I don't recall hearing any other reports matching this, so I would need a link to a page showing the issue to be able to help at all.
Allan