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" 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.

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!