Results 1 to 9 of 9

Thread: align tools to left in panel title in ExtJS 2.2

  1. #1

    Default align tools to left in panel title in ExtJS 2.2

    I create some tools images and I add them into end of the tool-sprites.gif file.
    I want to show them near to the title of the collapsible panel in ExtJS 2.2

    I write following css class:
    .x-tool-one{background-position:0 -330px;}
    .x-tool-one-over{background-position:-15px -330px;}
    .x-tool-two{background-position:0 -345px;}
    .x-tool-two-over{background-position:-15px -345px;}

    and following code:
    Code:
    tools: [{
                            id:'one',
                            qtip:'First Iteration',
                            handler: function(){ }
                        },{
                            id:'two',
                            qtip: 'Second Iteration',
                            handler: function(){ }
                        }]
    It shows tools right most of the header. But I want them in left side (near the Title).

    I try to understand related codes in ext-all-debug.js. As I understand we have addTool function to insert tools to header. In the line 16145 checking the align property. Therefore I add align: 'left' property. But then my tools disappeared.

    Thanks for your attention.

  2. #2

    Default

    Any suggestions?

  3. #3
    Sencha User rogersja's Avatar
    Join Date
    Sep 2008
    Location
    Winnipeg, MB
    Posts
    102

    Default

    Yes i am wondering the same
    has anyone come up with something for this?

    -J

  4. #4

    Default

    I'm interested too in showing tools on the left of a panel. Anyone knows if this feature will be added in Ext3?

  5. #5
    Ext User
    Join Date
    May 2009
    Location
    Italy
    Posts
    116

    Default

    Hi

    I try to add "float : left" and it is working.

    I wish next release will allow us to add additional class to each tool
    I would like to use standard id (e.g. left, right ....) and adding only additional style

    align : left doesn't works (and it is also not documented)

  6. #6

    Default problem show tools icon image on left collapse panel bar

    any one know , how to show image or text on bar remain after collapse the panel at left side (i.e in border layout west side panel).

    I'm trying for verticle tool bar on collapse panel's bar after collapse....

    Thanks in advanced .....

  7. #7
    Sencha Premium User NoahK17's Avatar
    Join Date
    Apr 2008
    Posts
    504

    Default

    I also want to move all the tools (expand, collapse, print, etc) to the LEFT side of the panel header instead of the default right side. If anyone has a hack, let me know!

  8. #8
    Sencha User
    Join Date
    Sep 2015
    Posts
    36

    Default

    We are in 2016 and I still haven't found a proper solution for this.

  9. #9

    Default

    i just put header: { titlePosition: 2 },into the panel, and the collapse tool in the header moved to the left side

Posting Permissions

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