RowExpansion DataTable change default icon

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
ravihariharan
Posts: 58
Joined: 12 Feb 2016, 17:03

21 Nov 2017, 23:13

I am using Poseidon Theme and hence posting it in this forum.

Is there a way i can change the default icon for RowExpansion for DataTable?

ui-icon-circle-triangle-e --> fa-caret-down
ui-icon-circle-triangle-s --> fa-caret-right

i can see expandedIcon and collapsedIcon only for OrganigramNode and TreeNode.

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

01 Dec 2017, 11:59

With following CSS;

Code: Select all

.ui-datatable {
    .ui-row-toggler {
        &.ui-icon-circle-triangle-e { @include icon-override("\f054"); }
        &.ui-icon-circle-triangle-s { @include icon-override("\f078"); }
    }
}
You can choose more icons at;

http://fontawesome.io

You just need to replace the unicode name.

Image

ravihariharan
Posts: 58
Joined: 12 Feb 2016, 17:03

01 Dec 2017, 16:16

Thanks :)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

27 Dec 2017, 16:15

+1

Post Reply

Return to “Poseidon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests