How to change Listgroup color

asked 2015-02-10 11:17:17 +0800

sjoshi
3493 ● 1 ● 8
http://zkframeworkhint.bl...

updated 2015-02-10 13:24:33 +0800

I am creating ListGroup like this

    <listgroup>
                            <zk forEach="${groupNameList}">
                                <zk if="${each != '' || 'Paid' || 'Cancelled'}">
                                    <zk if="${c:startsWith(each,'Outstanding')}">
                                        <listcell>
                                            <label value="${each}" style="font-weight:bold;font-size:13px;color:red;"></label>
                                        </listcell>
                                    </zk>
                                    <zk if="${c:startsWith(each,'Date')}">
                                        <listcell span="2">
                                            <label value="${each} "></label>
                                        </listcell>
                                    </zk>
                                    <zk if="${c:startsWith(each,'Due')}">
                                        <listcell span="2">
                                            <label value="${each} "></label>
                                        </listcell>
                                    </zk>
                                    <zk if="${c:startsWith(each,'Bill')}">
                                        <listcell>
                                            <label value="${each}"></label>
                                            <custom-attributes a="${each}" />
                                        </listcell>
                                    </zk>
                                </zk>

                                <zk if="${c:startsWith(each,'id')}">
                                    <listcell>
                                        <custom-attributes billNum="${each}" />
                                        <div class="btn-group" style="height:20px;">
                                            <actionmenu>
                                                <actionmenugroup title="Options" accesskey="a" btncolor="btn-link"
                                                    btnstyle="padding: 0px 0px 5px 0px;" menupull="left">
                                                    <actionmenuitem label="@load(vm.getText('AccountBillFeeDetail:CB_BILL_REPORT'))"
                                                        onClick="@command('printBill',billNumber = billNum)" iconclass="fa fa-print" accesskey="a">
                                                    </actionmenuitem>
                                                    <actionmenuitem label="@load(vm.getText('AccountBillFeeDetail:CB_ADJUST'))"
                                                        onClick="@command('adjustBill',billNumber = billNum)" tooltiptext="@load(vm.getText('AccountBillFeeDetail:CB_ADJUST'))"
                                                        iconclass="fa fa-trash">
                                                    </actionmenuitem>
                                                    <actionmenuitem label="GL Info" onClick="@command('showGlInfo',billNumber = billNum)" iconclass="fa fa-refresh"
                                                        accesskey="r">
                                                    </actionmenuitem>
                                                    <actionmenuitem label="Fee Parms" onClick="@command('showFeeParms',billNumber = billNum)"
                                                        tooltiptext="Fee Parms">
                                                    </actionmenuitem>
                                                </actionmenugroup>
                                            </actionmenu>
                                        </div>
                                    </listcell>
                                </zk>

                                <zk if="${each eq 'Paid'}">
                                    <listcell>
                                        <label sclass="badge badge-success" value="Paid"
                                            style="font-family: Arial,Sans-serif;font-size: 12px;font-weight: normal;">
                                        </label>

                                    </listcell>
                                </zk>
                                <zk if="${each eq 'Cancelled'}">
                                    <listcell>
                                        <label value="Cancelled" style="font-family: Arial,Sans-serif;font-size: 12px;font-weight: normal;"
                                            sclass="badge badge-success">
                                        </label>

                                    </listcell>
                                </zk>
                            </zk>
                        </listgroup>
                    </template>

Now i want to change the color of whole Listgroup color on some condition How to do it?