Threaded View

  1. #1
    Sencha User
    Join Date
    May 2012
    Location
    Bangalore
    Posts
    95
    Vote Rating
    1
    Rameshlamani is on a distinguished road

      0  

    Default Unanswered: How to change Tabbar iconcls corresponding Tabbar item selected in sencha touch

    Unanswered: How to change Tabbar iconcls corresponding Tabbar item selected in sencha touch


    i have done application using sencha touch2. in tab-bar i want to show to user, once iselect the item from tab-bar then need to change normal image to selected image. Right now i am doing via sass styles.Normal images are coming fine,but when i select/activate item. it is not changing normal icon to selected-icon. i gone some articles i have applied it is not working for me. below i have given code. can any one tell me how to achieve this one.

    View page code:
    Code:
    config: {
    tabBarPosition: 'bottom',
    items: [{      
            iconCls: 'ApartmentIcon',
            autoDestroy:true,
            layout:{
                type:'vbox',
                pack:'center'
            },
            scrollable: true,       
            fullscreen:true,
                items: [
                         {
                          //Some items
                         }
                      ]
    }
    ]
    }
    Css code: i gone below four ways,but once i select image is not changing.
    Code:
    .ApartmentIcon{
      @include image-tabIcon('data:image/png;base64,NormalimageBase64code....=',70px,90px);
    }
    
    ApartmentIcon.x-button-pressing{
      @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
    }
    .ApartmentIcon.x-tab-active{
      @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
    }
    .ApartmentIcon.selected{
      @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
    }
    .x-tabbar-dark.x-docked-bottom .x-tab-active:first-child{
      @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
    }
    Last edited by Rameshlamani; 5 Aug 2012 at 9:42 PM. Reason: Did the code changes.

Thread Participants: 1

Tags for this Thread