Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-3902 in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    46
    Vote Rating
    0
    Snorkler is on a distinguished road

      0  

    Default Sencha 2.1 List Zebra Stripes Working Incorrectly

    Sencha 2.1 List Zebra Stripes Working Incorrectly


    Using Sencha 2.1
    iOS 6

    Create an app with a list control with more items than can be initially viewed at once.
    Set $list-zebrastripe: true in app.scss, compile css.

    Result will show duplicate gray bars next to each other on each page of the list

    PHP Code:
    [CODE]Ext.define('testcasezebra.view.Main', {
        
    extend'Ext.tab.Panel',
        
    xtype'main',
        
    requires: [
            
    'Ext.TitleBar',
            
    'Ext.Video'
        
    ],
        
    config: {
            
    tabBarPosition'bottom',


            
    items: [
                {
                    
    title'Welcome',
                    
    iconCls'home',


                    
    styleHtmlContenttrue,
                    
    scrollabletrue,


                    
    items: {
                        
    docked'top',
                        
    xtype'titlebar',
                        
    title'Welcome to Sencha Touch 2'
                    
    },
                   
                    
    xtype'list',
                    
    itemTpl'{title}',
                    
    data:[
                        {
    title'Item 1'},
                        {
    title'Item 2'},
                        {
    title'Item 3'},
                        {
    title'Item 4'},
                        {
    title'Item 5'},
                        {
    title'Item 6'},
                        {
    title'Item 7'},
                        {
    title'Item 8'},
                        {
    title'Item 9'},
                        {
    title'Item 10'},
                        {
    title'Item 11'},
                        {
    title'Item 12'},
                        {
    title'Item 13'},
                        {
    title'Item 14'},
                        {
    title'Item 15'},
                        {
    title'Item 16'},
                        {
    title'Item 17'},
                        {
    title'Item 18'},
                        {
    title'Item 19'},
                        {
    title'Item 20'},
                        {
    title'Item 21'},
                        {
    title'Item 22'},
                        {
    title'Item 23'},
                         {
    title'Item 24'},
                        {
    title'Item 25'},
                        {
    title'Item 26'},
                        {
    title'Item 27'},
                        {
    title'Item 28'},
                        {
    title'Item 29'},                 
                        {
    title'Item 30'},
                        {
    title'Item 31'},
                        {
    title'Item 32'},
                        {
    title'Item 33'},
                        {
    title'Item 34'},
                        {
    title'Item 35'},
                        {
    title'Item 36'},
                        {
    title'Item 37'},
                        {
    title'Item 38'},
                        {
    title'Item 39'},
                        {
    title'Item 40'},
                        {
    title'Item 41'},
                        {
    title'Item 42'},
                        {
    title'Item 43'},
                         {
    title'Item 44'},
                        {
    title'Item 45'},
                        {
    title'Item 46'},
                        {
    title'Item 47'},
                        {
    title'Item 48'},
                        {
    title'Item 49'}
                    ]
                }
            ]
        }
    });
    [/
    CODE
    PHP Code:
    @import 'sencha-touch/default/all';
    $list-zebrastripetrue;
    // You may remove any of the following modules that you
    // do not use in order to create a smaller css file.
    @include sencha-panel;
    @include 
    sencha-buttons;
    @include 
    sencha-sheet;
    @include 
    sencha-picker;
    @include 
    sencha-tabs;
    @include 
    sencha-toolbar;
    @include 
    sencha-toolbar-forms;
    @include 
    sencha-indexbar;
    @include 
    sencha-list;
    @include 
    sencha-layout;
    @include 
    sencha-carousel;
    @include 
    sencha-form;
    @include 
    sencha-msgbox
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,756
    Vote Rating
    828
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    9
    Vote Rating
    0
    bpulliese is on a distinguished road

      0  

    Default


    Support has told me it has been fixed in ST 2.2. Problem is that 2.2 is a beta release and I need this for a site that is about to go to production. Would have thought bug fixes are made to production releases prior to the next beta release.

    Is there any easy way of knowing how it was fixed in 2.2 so we can possibly create a fix in 2.1.2?

  4. #4
    Sencha User LoneWolfPR's Avatar
    Join Date
    Aug 2012
    Posts
    34
    Vote Rating
    0
    LoneWolfPR is on a distinguished road

      0  

    Default


    This is a problem for me as well. I am building an app for release, and don't want to use a beta of the platform for production release. Is there anyway to work around this, or am I going to have to not use this feature?

  5. #5
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    This was fixed for the next release (2.2.1). Thanks for the report

  6. #6
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    46
    Vote Rating
    0
    Snorkler is on a distinguished road

      0  

    Default Issue in 2.21 too

    Issue in 2.21 too


    For anyone experiencing this defect it's not fixed on 2.2.1, you can follow this thread http://www.sencha.com/forum/showthread.php?266790

    Zebra stripes are not working at all in 2.2.1.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi