how do i replace my treePanel Node icon with Font Icon like font awesome

  1. #1

    how do i replace my treePanel Node icon with Font Icon like font awesome

    Hi,
    i was able to replace my button icon with Icon font using Glyphspec property of the button and its works very well for me but how do i replace my treeNode icon with Font Icon am using Font Awesome


    Thanks
  2. #2
    Let me know whether the following post helps you: http://forums.ext.net/showthread.php...l=1#post221271
  3. #3

    RE:how do i replace my treepanel node icon with font icon

    Hi RCN,

    Thanks for your post but it did not solve my problem. I need to replace the TreeNode Icon with a Font Awesome font Icon not PNG file or icon example icon of "fa fa-settings".



    Thanks
  4. #4

    I have found the solution.

    HI RCN
    The below CSS solved my problems.
    .element {
        position: relative;
    }
     
    /*replace the content value with the
    corresponding value from the list below*/
     
    .element:before {
        content: "\f000";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 10px;
        left: 0;
    }

Similar Threads

  1. [CLOSED] How to change font style and font size of ext:TextArea?
    By aditya in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 27, 2014, 9:39 AM
  2. Treepanel - Checkbox Remove Icon from Node?
    By Tbaseflug in forum 2.x Help
    Replies: 1
    Last Post: Jan 08, 2013, 12:26 AM
  3. Changing Icon on TreePanel node
    By wh0urdady in forum 1.x Help
    Replies: 1
    Last Post: Jun 14, 2010, 2:31 PM
  4. TreePanel,tree node Font size
    By kiran malgi in forum 1.x Help
    Replies: 0
    Last Post: May 17, 2010, 7:28 AM
  5. [CLOSED] [1.0] TreePanel remove node - icon changes
    By danielg in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jan 22, 2010, 10:38 AM

Posting Permissions