Page 1 of 1

RowExpansion DataTable change default icon

Posted: 21 Nov 2017, 23:13
by ravihariharan
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.

Re: RowExpansion DataTable change default icon

Posted: 01 Dec 2017, 11:59
by cagatay.civici
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

Re: RowExpansion DataTable change default icon

Posted: 01 Dec 2017, 16:16
by ravihariharan
Thanks :)

Re: RowExpansion DataTable change default icon

Posted: 27 Dec 2017, 16:15
by mert.sincan
+1