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 Zdeno's Avatar
    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 Zdeno's Avatar
    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. 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
  •