Results 1 to 7 of 7

Thread: Tabclosemenu with an icon

  1. #1
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    54
    Answers
    1
    Vote Rating
    2
      0  

    Default Answered: Tabclosemenu with an icon

    Hi, guys! I use tabcloseplugin in my application. I've just tried to set "iconCls" property for a particular item in a context menu, which appears on right-click, but to no avail. It seems as if this property is ignored. I wonder whether it is a bug or not?

    I tried to override it like this
    Code:
    if (me.showCloseAll) {
          items.push({
                  text: me.closeAllTabsText,
                  scope: me,
                  iconCls: 'close-icon', // <-- This does not have any effect
                  handler: me.onCloseAll
          });
     }

  2. Not sure off-hand. And it might even be different on different browsers, though I suspect it's not. You can inspect the close tool on a closable panel (or tab in a tabpanel) to see what image (or likely image sprite slice) is used for the close tool.

  3. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,154
    Answers
    501
    Vote Rating
    249
      0  

    Default

    Where are you using that code snippet? In an extension class of tabclosemenu in the constructor? other?

  4. #3
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    54
    Answers
    1
    Vote Rating
    2
      0  

    Default

    Not in the constructor, but right in the "createMenu" definition. Your question made me think, that I should put it somewhere else. So, if it should be done in the constructor, please, tell me how it should look like.

  5. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,154
    Answers
    501
    Vote Rating
    249
      0  

    Default

    You might actually override the plugin using define > override syntax and you'd override the createMenu method altogether.

    There's an override syntax example in the API doc for define here:
    http://docs.sencha.com/extjs/4.2.0/#...-method-define

  6. #5
    Touch Premium Member
    Join Date
    Feb 2011
    Location
    NJ
    Posts
    316
    Answers
    59
    Vote Rating
    59
      1  

    Default

    That works for me. What does the close-icon css class look like?

  7. #6
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,154
    Answers
    501
    Vote Rating
    249
      1  

    Default

    Not sure off-hand. And it might even be different on different browsers, though I suspect it's not. You can inspect the close tool on a closable panel (or tab in a tabpanel) to see what image (or likely image sprite slice) is used for the close tool.

  8. #7
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    54
    Answers
    1
    Vote Rating
    2
      0  

    Default

    Made it work in 4.2. For some reason the very same code didn't work in 4.1. Thank you all, guys!

Posting Permissions

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