View Full Version : How to focus/highlight inside toolbar elements in sencha touch2

18 Jul 2012, 5:00 AM
I have done application using sencha touch2 . as per requirement i need to focus/highlight inside the toolbar elements, when mouse is over(point to) on particular elements.can any tell me how to achieve this one.

Here is my code:

initialize:function () { this.callParent(arguments); var Button1 = { xtype:"button", id: 'suvilasBtn', html: '<img height="30" width="40", src="resources/sass/images/icons/about.png" />', scope:this }; var Button2 = { xtype: "button", id: 'projectBtn', html: '<img height="30" width="40", src="resources/sass/images/icons/projects.png" />', handler: this.onProjectsButtonTap, scope: this }; var bottomToolbar = { xtype:"toolbar", docked:"bottom", scrollable: false, defaults: { iconMask: true, ui: 'plain' }, layout: { pack : 'center', align: 'center' }, items:[ Button1, Button2 ] }; this.add([ bottomToolbar ]); }

18 Jul 2012, 6:53 AM
This is a mobile touch framework and there is no concept of hover/mouse over. A touch device doesn't know where your finger is until you tap. If you need this functionality in Chrome then you need to use CSS.

18 Jul 2012, 10:26 PM
Thank you for information