View Full Version : Tap to show Toolbar

20 Jun 2010, 10:04 AM
Awesome framework. I am loving the documentation, variety of demos and the way they all come together. I have extremely limited programming skills, but going through the examples...I am already well on my way to create a mobile web application that I have been wanting. Kudos.

On that note, I am trying to replicate a feature I commonly see in iPhone apps where when you tap anywhere on the screen, the toolbar/tab bar shows. Tap again, and they disappear.

I was wondering if this functionality is either coming or already built into the framework.

Looking through the API, I see a config: "hideOnMaskTap (http://www.sencha.com/forum/source/Component.html#cfg-Ext.Component-hideOnMaskTap)" and was wondering if that's related to what I am trying to accomplish.

Thanks for any direction or pointer to the right place to look.

All the best,

20 Jun 2010, 10:12 AM
hideOnMaskTap does not what you want, hideOnMaskTap bindes a eventlistener to the mask which'll creat when you have for example a overlay over your application that close the overlay by taping on the mask

20 Jun 2010, 10:17 AM
Ah, I see. Thanks for the reply mrsunshine and for your active participation in this community.

20 Jun 2010, 10:22 AM
and yes you can hide and show a toolbar.

do something like this

tap: function() {
if (yourToolbar.isVisible()){
} else {

20 Jun 2010, 10:28 AM
Thank you for the code sample. Now I'll go try to figure out how to implement it. :D

Just to clarify, this is PHP code? I see you wrapped it in a PHP Code box so I am assuming that you are using PHP to show and hide the toolbar. However, it doesn't look like PHP to me. More like javascript.

Thanks much.


Jamie Avins
20 Jun 2010, 10:32 AM
It's javascript. I changed his tags to be more clear.

7 Mar 2011, 11:35 PM
Hi everyone!

I hope it's okay if i join your conversation. I also have an Ext.TabPanel and a toolbar that I would like to show/hide on a double tap event. Thanks Mr. Sunshine for the code. Is anyone able to point me towards the source code of a working example with this implemented? :-/
Thanks for your help in advance!