48446

How to change icon of TreeTable in Primefaces?

I have simple treeTable. http://www.primefaces.org/showcase/ui/treeTable.jsf I want to change expand and collapse icon of this treeTable. How can I do that?

Answer1:

If you want to use custom icons (images), override the following CSS classes for their respective uses, on the treetable:

    <li>

    ui-icon : to customise the expanded-row state icon (the triangle)

    .ui-icon { width: 16px; height: 16px; background-image: url("/your-image-here"); } </li> <li>

    ui-icon-triangle-1-e ui-c : to customize the collapsed-row state icon

    </li> </ul>

    If you want to use more modern fontAwesome 'icons', see Change icon from jQuery UI to FontAwesome in PrimeFaces

Recommend

  • Add row at root to JQuery treetable
  • How can I use a treetable to show all rows in an Oracle SQL table?
  • How do I remove gloss from an iPhone app icon?
  • Image resources disappearing from react-native app
  • regex, multiline extract in R
  • dc.js: Reducing rows in data table
  • If string is … then replace it with an image?
  • Extract data between rows r
  • CSS: How to fix overlapping divs
  • How do you keep a running instance for Google App Engine
  • Making header act like google chrome mobile app address bar
  • my tic-tac-toe program in matlab does not work [closed]
  • Responsive left sidebar open close
  • jQuery - resize an elements height to match window without refreshing, on window resize
  • Responsive design method for collapsing a div
  • using html data-attributes as css-variable (i.e. text-shadow)
  • Outlines on links in IE9 remains when focus is changed
  • Dynamically switching connect in Modelica
  • Center align outputs in ipython notebook
  • Validate child input components on submit with Vee-Validate and vue js 2
  • Selenium to click on a javascript button corresponding to a text
  • Adjust width of select element according to selected option's width
  • HTTP/2 streams vs HTTP/1.1 connections
  • Syntax for setting draggablecursor property in google maps api
  • NHibernate Validation Localization with S#arp Architecture
  • javaw.exe and eclipse startup problems
  • Bug in WPF DataGrid
  • Modifying destination and filename of gulp-svg-sprite
  • Redux, normalised entities and lodash merge
  • Statically linking a C++ library to a C# process using CLI or any other way
  • Properly structure and highlight a GtkPopoverMenu using PyGObject
  • GridView Sorting works once only
  • How to get icons for entities from eclipse?
  • python regex in pyparsing
  • CSS Applying specific rule for a specific monitor resolution with only CSS is posible?
  • how does django model after text[] in postgresql [duplicate]
  • Change div Background jquery
  • Android Google Maps API OnLocationChanged only called once
  • unknown Exception android
  • failed to connect to specific WiFi in android programmatically