-
16 Nov 2012 12:34 PM #1
List odd/even css selector problem
List odd/even css selector problem
I'm using the following css assigned to a list to create the background-color odd/even effect shown below. In 2.1, notice the rows where 'odd' is not working. Prior to 2.1 it worked.
I have a feeling the new 'infinite scroll' functionality is resetting the internal index when the items are outside the bounds of the list container.
Thanks, John
Code:.widgetListItem:nth-child(odd) { background-color:white; }
list-odd-even-css-prob.PNG
-
19 Nov 2012 10:56 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,666
- Vote Rating
- 435
The list items are transformed via CSS so the odd/even will remain the same index. In SASS, have you tried setting the $list-zebrastripe var to true?
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
21 Nov 2012 12:58 PM #3
Thanks, Mitchell. I replaced my custom css with
$list-zebrastripe and hit the same problem.
Thanks, John
Thank you for reporting this bug. We will make it our priority to review this report.


Reply With Quote