1. #1
    Sencha User
    Join Date
    May 2012
    Location
    bangalore
    Posts
    60
    Vote Rating
    0
    Answers
    4
    bluemvj is an unknown quantity at this point

      0  

    Default Unanswered: Touch Style App Menu Item click

    Unanswered: Touch Style App Menu Item click


    Hi all,


    I am doing similar project like touch style where i will display the items similar to touch style but on clicking of an item i want to change the image of that item through CSS how can i achieve this function.

    I tried with this code but no luck



    Code:
    .menu-list-items .x-item-pressed {
     background-image:  url('data:image/png;base64,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',70px,90px) !important;
    }


    Thanks
    Ram

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,599
    Vote Rating
    434
    Answers
    3102
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    did you inspect the DOM to see the DOM hierarchy and the classes?
    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.

  3. #3
    Sencha User
    Join Date
    May 2012
    Location
    bangalore
    Posts
    60
    Vote Rating
    0
    Answers
    4
    bluemvj is an unknown quantity at this point

      0  

    Default


    Thanks Got it solved used

    onItemTouchStart

    and

    onItemTouchEnd Events

Tags for this Thread