striping of odd rows stopped when using atlantic

asked 2015-01-06 18:24:30 +0800

robertkaren
77 ● 7

when I use atlantic the striping/shading of odd rows in listboxes (maybe everything else too) does not work. The default (sclass omitted from listbox properties) shows the striping when I don't use atlantic. I tried adding css (below) to make it show up but this doesn't work either. can anyone suggest what to look for or change? thanks!

<?page id="${param.pageId }"?>
<window id="codebookPageWinOuter" style="background:#ababab" height="100%" 
    apply="com.namsi.eztab.services.CodebookPageController">
        <hbox spacing="0" width="100%"  hflex="1" vflex="1">
            <div  style="border: 1px solid green">
                <vlayout>
                <label style="border: 1px solid red">One</label>
                <label>Two</label>
                </vlayout>
            </div>
            <splitter collapse="before"/>
            <window id="codebookPageWin" contentStyle="position:relative; overflow:auto;" height="100%" 
                    hflex="1" vflex="1">
<style>
 /* Odd rows in the listbox */ 
 .mylist .z-listbox-odd { background-color: #d3d3d3; }
</style>
                <listbox id="listbox" hflex="1" vflex="1" multiple="true" sclass="mylist">
                    <listhead>
                        <listheader id="listheader" />
                    </listhead>
                    <template name="model">
                        <listitem draggable="true">
                            <listcell label="${each.text}"/>
                        </listitem>
                    </template>
                </listbox>
            </window>
    </hbox>
</window>