1. #1
    Ext User
    Join Date
    Jun 2010
    Posts
    4
    Vote Rating
    0
    dazex is on a distinguished road

      0  

    Question Tap to show Toolbar

    Tap to show Toolbar


    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

  2. #2
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    691
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    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

  3. #3
    Ext User
    Join Date
    Jun 2010
    Posts
    4
    Vote Rating
    0
    dazex is on a distinguished road

      0  

    Default


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

  4. #4
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    691
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    and yes you can hide and show a toolbar.

    do something like this

    Code:
    yourPanel.this.mon(
                this.el,
                {
                    tap: function() {
                           if (yourToolbar.isVisible()){
                              yourToolbar.hide();
                           } else {
                              yourToolbar.show();
                           }
                    }
                }
            );
    Last edited by Jamie Avins; 20 Jun 2010 at 10:31 AM. Reason: Fix tag type

  5. #5
    Ext User
    Join Date
    Jun 2010
    Posts
    4
    Vote Rating
    0
    dazex is on a distinguished road

      0  

    Default


    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

  6. #6
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


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

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Posts
    19
    Vote Rating
    0
    iphoneguy is on a distinguished road

      0  

    Default


    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!

Similar Threads

  1. With the doubletap, will tap always be called, or is that a bug?
    By rdougan in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 6 Aug 2010, 9:55 PM
  2. How to show a toolbar with effects?
    By mx_starter in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 29 Apr 2010, 3:08 AM
  3. toolbar button hide/show
    By michaelc in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 2 Dec 2009, 4:39 PM
  4. Can't show toolbar on 2 gridpanel of TabPanel
    By blackghost in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 7 Sep 2009, 9:26 AM
  5. TAP PANEL MULTIPLE FORMS MULTICOLUN
    By jalberghini in forum Ext 2.x: Help & Discussion
    Replies: 8
    Last Post: 10 Oct 2008, 11:11 AM

Thread Participants: 3