Results 1 to 3 of 3

Thread: Docking multiple toolbars in a view

  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    5
    Vote Rating
    0
      0  

    Default Docking multiple toolbars in a view

    I don't seem to be able to dock a toolbar to the top and bottom of a panel. The bottom toolbar does not show up. Are there any specific requirements for this configuration?

    I'm using a Container with a card layout that contains all my views. This container is added to the viewport and has fullscreen to true. My subviews have no layout specified.

    Like this:
    -viewport
    ---Main (extends Ext.Container, cardlayout, fullscreen = true)
    -----List (extends Ext.List)
    -----Detail (extends Ext.Panel)
    -----Add (extends Ext.form.Panel)

    I am currently using 'docked' instead of 'dock'. I tried both but I'm unsure which one is correct. Using PR2.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,551
    Answers
    3931
    Vote Rating
    1271
      0  

    Default

    Using PR2, this worked for me:

    Code:
    Ext.create('Ext.Panel', {
        fullscreen : true,
        layout     : 'card',
        items      : [
            {
                xtype  : 'toolbar',
                docked : 'top',
                items  : [
                    {
                        text : 'Back',
                        ui   : 'back'
                    }
                ]
            },
            {
                xtype  : 'toolbar',
                docked : 'bottom',
                items  : [
                    {
                        text : 'Hello',
                        ui   : 'confirm'
                    }
                ]
            },
            {
                xtype : 'container',
                html  : 'One'
            },
            {
                xtype : 'container',
                html  : 'two'
            }
        ]
    });
    About the use of dock vs docked, I believe this will be made to dock at some point but currently is docked.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Answers
    102
    Vote Rating
    86
      0  

    Default

    Could you post your code in code blocks (like mitch did)? Perhaps we can help spot the problem.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •