Results 1 to 4 of 4

Thread: fontAwesome, menu panel (accordion) iconCls items grayed out

  1. #1
    Sencha User
    Join Date
    Oct 2015
    Posts
    37
    Answers
    1

    Default fontAwesome, menu panel (accordion) iconCls items grayed out

    Hey,

    fontAwesome icons have weird color in menu. Everywhere else - fine. Can't understand, why is that? Where can I change it so icons would be properly visible?

    fontAwesome iconCls.PNG


    Code I use in Menu Controller:
    Code:
    var menu = Ext.create('packt.view.menu.Tree', {
                             title: root.get('text'), //translations[root.get('Text')],
                             iconCls: 'fa fa-cog fa-fw' //'x-fa fa-home',//root.get('iconCls')
                    });

  2. #2
    Sencha Premium Member
    Join Date
    Nov 2009
    Location
    Prague
    Posts
    769
    Answers
    38

    Default

    How about to define another CSS class you will use on icons in your menu?

  3. #3
    Sencha User
    Join Date
    Oct 2015
    Posts
    37
    Answers
    1

    Default

    So it's normal that by default it acts like this? How can I change in CSS fontAwesome icon colors?

  4. #4
    Sencha Premium Member
    Join Date
    Nov 2009
    Location
    Prague
    Posts
    769
    Answers
    38

    Default

    Aha. Neptune theme use opacity on x-title-glyph so you need change this value. https://docs.sencha.com/extjs/6.0/6....-glyph-opacity

Similar Threads

  1. menu iconCls not working with fontawesome
    By juanbill in forum Ext JS 6.x Q&A
    Replies: 4
    Last Post: 24 Jul 2017, 9:32 AM
  2. Replies: 3
    Last Post: 28 Aug 2015, 8:27 AM
  3. Replies: 10
    Last Post: 20 Jan 2012, 7:21 AM
  4. 3.1 breaks menu items in accordion?
    By dirkzwager in forum Sencha Ext JS Q&A
    Replies: 3
    Last Post: 21 Dec 2009, 1:30 AM
  5. How to get list of items in accordion panel
    By Max Carey in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 11 Jun 2008, 9:50 AM

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
  •