1. #1
    Ext User
    Join Date
    Jan 2011
    Posts
    3
    Vote Rating
    0
    anothermarcus is on a distinguished road

      0  

    Exclamation ToolBar and scrolling, is it possible to hide the scroll bar?

    ToolBar and scrolling, is it possible to hide the scroll bar?


    Hi all,

    I'm really loving Sencha Touch so far. I'm trying to piece together a prototype to see if this tool can satisfy our requirements. If it can, then we'll probably tied into it for the life of the product.

    My goal is to try to get as close to a native look and feel as possible.

    If I have a toolbar with buttons defined as such, the number of buttons exceed the width of the screen, so I want to allow scrolling with

    scroll: 'horizontal'

    But is there an option to hide the actual scroll bar that appears when I scroll those buttons left to right?


    Code:
                                               toolbar = new Ext.Toolbar({
                                                              dock: 'top',
                                                              xtype: 'toolbar',
                                                              ui : 'light',
                                                              scroll: 'horizontal',
                                                              defaults: {
                                                              iconMask: true
                                                              },
                                                              items : [
                                                                      myButtonGroup
                                                                       ]
                                                              });
    Here is a perfect example.. try this in a Safari Browser Minimized, on a iTouch phone.. and scroll left and right.. you'll see the little horizontal scroll bar:

    http://dev.sencha.com/deploy/touch/examples/icons/

    Is it possible to hide the scroll bar?


    Thanks!
    -Mark

  2. #2
    Touch Premium Member
    Join Date
    Nov 2010
    Posts
    3
    Vote Rating
    0
    knutedga is on a distinguished road

      0  

    Default


    Hidden on init
    Code:
    toolbar = new Ext.Toolbar({
                                                              dock: 'top',
                                                              xtype: 'toolbar',
                                                              ui : 'light',
                                                              scroll: 'horizontal',
                                                              hidden: true,
                                                              defaults: {
                                                              iconMask: true
                                                              },
                                                              items : [
                                                                      myButtonGroup
                                                                       ]
                                                              });
    or hide and show runtime
    Code:
    toolbar.hide();
    toolbar.show();
    Last edited by knutedga; 27 Jan 2011 at 1:10 AM. Reason: , missing

  3. #3
    Sencha User
    Join Date
    Mar 2013
    Posts
    1
    Vote Rating
    0
    adekivet is on a distinguished road

      0  

    Default


    In Sencha Touch 2.2 you can do it like this:
    Code:
    tabBar: {            docked: 'bottom',
                id: 'myTabBar',
                itemId: 'myTabBar',
                scrollable: {
                    direction: 'horizontal',
                    indicators: false
                }
            }

  4. #4
    Sencha User
    Join Date
    Jun 2013
    Posts
    1
    Vote Rating
    0
    iamvua is on a distinguished road

      0  

    Default


    Quote Originally Posted by adekivet View Post
    In Sencha Touch 2.2 you can do it like this:
    Code:
    tabBar: {            docked: 'bottom',
                id: 'myTabBar',
                itemId: 'myTabBar',
                scrollable: {
                    direction: 'horizontal',
                    indicators: false
                }
            }
    wow, thank!!!

Similar Threads

  1. Replies: 6
    Last Post: 26 Feb 2010, 3:57 PM
  2. Vertical scroll bar brings horizontal scroll bar
    By smiletolead in forum Ext GWT: Discussion
    Replies: 4
    Last Post: 26 Nov 2009, 1:14 AM
  3. Toolbar sprite in Grid hidden by vertical scroll bar
    By JoomlaMan in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 22 Aug 2008, 7:17 AM
  4. Facing problem hide scroll bar on the parent window of Hello World
    By urmilkapadia in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 18 Jul 2008, 9:45 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..."