-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi
I am displaying the total in the listbox Footer. The problem is in Chrome, it is not aligned properly, but the same code display properly in Firefox. Here is the screenshot
Chrome Display
FireFox Display
Here is the code
<listbox
sclass="mylist" selectedItem="@bind(vm.selectedLineItem)"
model="@bind(vm.transDetails)"
emptyMessage="No record found for the given search condition.">
<listhead
sizable="true">
<listheader
label="Claim No" sort="auto(claimNo)" />
<listheader
label="Account" sort="auto(practiceCode)" />
<listheader
label="Patient Code" sort="auto(patientCode)" />
<listheader
label="From DOS" />
<listheader
label="To DOS" />
<listheader
label="TestCode" sort="auto(testCode)" />
<listheader
label="CPT" sort="auto(CPTCode)" />
<listheader
label="Modifiers" />
<listheader
label="Units" hflex="min" />
<listheader
label="Charges" align="right" />
<listheader
label="ICDs" hflex="2" align="center" />
<listheader
label="ICDPts" />
<listheader
align="right" label="Billed" sort="auto(billedAmount)" />
<listheader
align="right" label="Balance"
sort="auto(balanceAmount)" />
<listheader
label="Transmit" align="center" sort="auto(transmit)"
hflex="min" />
<listheader
label="Queue" sort="auto(queue)" hflex="min" />
<listheader
label="Action" />
</listhead>
<template
name="model" var="p1">
<listitem>
<listcell
label="@load(p1.claimNo )"
onClick="@command('onThisRecordClick')"
sclass="highlightcell" />
<listcell
label="@load(p1.practiceCode)"
onClick="@command('onPracticePopup')"
sclass="highlightcell" />
<listcell
label="@load(p1.patientCode)"
onClick="@command('onPatientClick')"
sclass="highlightcell" />
<listcell
label="@load(p1.fromDOS) @converter('com.product.webapp.component.MyDateFormatConverter')" />
<listcell
label="@load(p1.toDOS) @converter('com.product.webapp.component.MyDateFormatConverter')" />
<listcell
label="@load(p1.testCode)"
onClick="@command('onTestCodeClick')"
sclass="highlightcell" />
<listcell
label="@load(p1.CPTCode) "
onClick="@command('onCPTCodeClick')"
sclass="highlightcell" />
<listcell
label="@load(vm.getModifiers(p1.modifier1, p1.modifier2, p1.modifier3, p1.modifier4))" />
<listcell
label="@load(p1.units)" />
<listcell
label="@load(c:formatNumber(p1.chargesPerUnit, '$#,###.00'))" />
<listcell
label="@load(vm.getICDs(p1.ICDCode1, p1.ICDCode2, p1.ICDCode3, p1.ICDCode4))" />
<listcell
label="@load(vm.getICDpts(p1.ICDP1, p1.ICDP2, p1.ICDP3, p1.ICDP4))" />
<listcell
label="@load(p1.billedAmount)" />
<listcell
label="@load(p1.balanceAmount)" />
<listcell
label="@load(p1.transmit)"
onClick="@command('onClaimTransmit')"
sclass="highlightcell" />
<listcell
label="@load(p1.queue)" />
<listcell>
<hbox
spacing="20px">
<fImageMoreInfo
onClick="@command('onMoreDetails')" />
<image
sclass="fImage1500Form"
onClick="@command('on1500Form')"
tooltiptext="1500 Form Preview" />
<fImageEdit
onClick="@command('onThisRecordClick')" />
</hbox>
</listcell>
</listitem>
</template>
<listfoot
visible="@load(vm.searchTotals ne null)">
<listfooter>
<label
value="Grand Total" />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter>
<label
value=" " />
</listfooter>
<listfooter
align="right">
<label
value="@load(vm.searchTotals.totalCharges)" />
</listfooter>
<listfooter
align="right">
<label
value="@load(vm.searchTotals.totalBalance)" />
</listfooter>
</listfoot>
</listbox>
Hi
Your footer amount is not correct, the listbox has 17 columns, but there are only 14 footers, you can use span property to merge footers
<listbox sclass="mylist"
emptyMessage="No record found for the given search condition.">
<listhead sizable="true">
<listheader label="Claim No" sort="auto(claimNo)" />
<listheader label="Account" sort="auto(practiceCode)" />
<listheader label="Patient Code" sort="auto(patientCode)" />
<listheader label="From DOS" />
<listheader label="To DOS" />
<listheader label="TestCode" sort="auto(testCode)" />
<listheader label="CPT" sort="auto(CPTCode)" />
<listheader label="Modifiers" />
<listheader label="Units" hflex="min" />
<listheader label="Charges" align="right" />
<listheader label="ICDs" hflex="2" align="center" />
<listheader label="ICDPts" />
<listheader align="right" label="Billed"
sort="auto(billedAmount)" />
<listheader align="right" label="Balance"
sort="auto(balanceAmount)" />
<listheader label="Transmit" align="center"
sort="auto(transmit)" hflex="min" />
<listheader label="Queue" sort="auto(queue)" hflex="min" />
<listheader label="Action" />
<!-- 17 cols -->
</listhead>
<listitem>
<listcell label="claimNo" />
<listcell label="practiceCode"/>
<listcell label="@patientCode"/>
<listcell label="fromDOS" />
<listcell label="toDOS" />
<listcell label="testCode" />
<listcell label="CPTCode"/>
<listcell label="getModifiers" />
<listcell label="units" />
<listcell label="chargesPerUnit" />
<listcell label="getICDs" />
<listcell label="getICDpts" />
<listcell label="billedAmount" />
<listcell label="balanceAmount" />
<listcell label="transmit" />
<listcell label="queue" />
<listcell>
<hbox spacing="20px">
</hbox>
</listcell>
</listitem>
<listfoot>
<listfooter>
<label value="Grand Total" />
</listfooter>
<listfooter span="11"/>
<listfooter align="right">
<label value="totalCharges" />
</listfooter>
<listfooter align="right">
<label value="totalBalance" />
</listfooter>
<listfooter span="3"/>
<!-- 14 cols -->
</listfoot>
</listbox>
which zk version?
Yes right. Thank you
Asked: 2014-06-04 18:51:14 +0800
Seen: 30 times
Last updated: Jun 05 '14