Tap to show Toolbar

[dazex]

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,
-David

[mrsunshine]

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

[dazex]

Ah, I see. Thanks for the reply mrsunshine and for your active participation in this community.

[mrsunshine]

and yes you can hide and show a toolbar.

do something like this


yourPanel.this.mon(
this.el,
{
tap: function() {
if (yourToolbar.isVisible()){
yourToolbar.hide();
} else {
yourToolbar.show();
}
}
}
);

[dazex]

mrsunshine,
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.

-David

[Jamie Avins]

It's javascript. I changed his tags to be more clear.

[iphoneguy]

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!