Utilizing asp.net mvc with dynamic knockout columns, I am facing an issue with one of the column headers named "Status". The desired functionality includes a bootstrap popover that displays information when a user clicks a font-icon question mark. Here is the code snippet:
<script type="text/html" id="statusHead">
<th scope="col" class="nowrap" data-bind="css: cellClass, visible: visible">
<a href="#" id="toolTipFiles" data-bind="bootstrapPopover: {
html: true,
placement: 'left',
trigger: 'focus',
content: [
'<ul class=\' fa-ul\'>',
'<li><i class=\'fa-li fa fa-lg fa-circle status-red\'></i>Red: File will be deleted within this quarter.</li>',
'<li><i class=\'fa-li fa fa-lg fa-adjust status-yellow\'></i>Yellow: File will be deleted next quarter.</li>',
'<li><i class=\'fa-li fa fa-lg fa-circle-o status-green\'></i>Green: File will be deleted in more than one quarter.</li>',
'<li><i class=\'fa-li fa fa-lg fa-exclamation status-black\'></i>Black: Exception has been submitted but not yet approved or denied.</li>',
'</ul>'
].join(''),
title: '<center><b>'Status' indicates when the file will be deleted</b></center>'
}" data-content="">
<i class="fa fa-question-circle"></i>
</a>
</th> </script>
Encountering syntax errors in Visual Studio while attempting to implement this feature:
1.near data-bind: "If this attribute value is enclosed in quotation marks, the quotation marks must match"
- near
'<ul class='\:"missing attribute name"
I have verified the matching of quotations, still unsure of the exact cause of the error. Attempts to interchange double and single quotes resulted in the popover failing to open.