0

How to change Listgroup color

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

sjoshi gravatar image sjoshi flag of India
3508 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?

image description

delete flag offensive retag edit

Comments

style="@load(c:startsWith(each,'Outstanding')?'font-weight:bold;font-size:13px;color:red;':'font-family: Arial,Sans-serif;font-size: 12px;font-weight: normal;')"

chillworld ( 2015-02-10 12:17:15 +0800 )edit

Hi Chillworld I have to change the style of whole Listgroup and not a Single cell

sjoshi ( 2015-02-10 12:55:23 +0800 )edit

listgroup does have the style attribute, doesn't work that?

chillworld ( 2015-02-10 13:13:23 +0800 )edit

Yes but data we will get inside ListGroup not out of Listgroup c:startsWith(each,'Outstanding') for more referene added image as well

sjoshi ( 2015-02-10 13:23:06 +0800 )edit

what is the condition then?

chillworld ( 2015-02-10 13:56:03 +0800 )edit

1 Answer

Sort by ยป oldest newest most voted
0

answered 2015-02-13 10:17:08 +0800

sjoshi gravatar image sjoshi flag of India
3508 1 8
http://zkframeworkhint.bl...

I have done be override css like this

 .feegroupred .z-listcell.z-listgroup-inner .z-listcell-content{ background: none; } .feegroupred
        .z-listcell.z-listgroup-inner .z-listcell-content{ background-image: none ; background-color: #f2dede;}
link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

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

Seen: 17 times

Last updated: Feb 13 '15

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More