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
    20
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi