No Record Available in Search Result

Click to View a Sample of No record available in the Search Result grid.

<div class="shell-panel"> <div class="panel panel-default" floating-pagination="" target-id="products-list-pagination" refer-id="products-list-grid" target-class="pagination-fixed" adjust-class="adjust-products-grid"> <div class="panel-subheading row" style="padding: 10px"> <div class="col-lg-4 col-md-4 col-xs-4 action-button shell-button ng-scope" ng-if="Products.isTagsUpdateAllowed"> &nbsp; </div> <div class="col-lg-4 col-md-4 col-xs-4 text-center product-count" id="products-count" ng-class="{'col-xs-offset-4':!Products.isTagsUpdateAllowed}"><span ng-hide="Products.status.isLoading || Products.info.totalCount==0" class="ng-binding ng-hide">10 Claims Found</span></div> </div> <div class="panel-body list-exception ng-scope" ng-if="Products.list.length == 0 &amp;&amp; !Products.status.isLoading"> <table width="100%"> <tbody> <tr> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Claim ID</td> <td align="right" class="k-icon k-i-sort-desc-sm"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-right" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Subscriber ID</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Suffix</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Member Name</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Provider ID</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Provider Name</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Begin Date</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-left" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Status</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-right" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Total Charge</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> <td class="table-label-right" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center">Sub Type</td> <td align="right"><img src="img/sort.png" width="16" height="16"></td> </tr> </tbody> </table></td> </tr> <tr> <td colspan="10" class="cell-center" style="border-right: 1px solid #ccc;text-align: center; font-size:10pt; background-color:#FFFFFF">No records available.</td> </tr> </tbody> </table> <kendo-pager ng-reflect-total="17" ng-reflect-page-size="25" ng-reflect-options="[object Object]" class="k-pager-wrap k-grid-pager k-widget" style="border-right-color: #CCC; border-left-color: #CCC; border-bottom-color: #CCC; border-width: 1px; border"> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the first page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled k-pager-first"> <span aria-label="Go to the first page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-seek-w"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the previous page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled"> <span aria-label="Go to the previous page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-arrow-w"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--> <ul ng-reflect-ng-class="[object Object]" class="k-pager-numbers k-reset"> <!--template bindings={ "ng-reflect-ng-if": null }--> <!--template bindings={ "ng-reflect-ng-for-of": "1" }--> <li> <a ng-reflect-ng-class="[object Object]" class="k-link k-state-selected" style="background-color: #03789B; border-color: #337ab7;"> 1 </a> </li> <!--template bindings={ "ng-reflect-ng-if": null }--> </ul> <!--template bindings={ "ng-reflect-ng-if": null }--> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the next page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled"> <span aria-label="Go to the next page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-arrow-e"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the last page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled k-pager-last"> <span aria-label="Go to the last page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-seek-e"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><span ng-reflect-ng-class="[object Object]" class="k-pager-info k-label"> 1 - 10 of 10 items </span> <!--template bindings={ "ng-reflect-ng-if": "25,50,100" }--><span ng-reflect-ng-class="[object Object]" class="k-pager-sizes k-label"> <select> <option value="10" ng-reflect-selected="true">10</option> <!--template bindings={ "ng-reflect-ng-if": null }--> <!--template bindings={ "ng-reflect-ng-for-of": "25,50,100" }--> <option ng-reflect-value="25" value="25"> 25 </option> <option ng-reflect-value="50" value="50"> 50 </option> <option ng-reflect-value="100" value="100"> 100 </option> </select> items per page </span> </kendo-pager> </div> </div> </div>

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.