search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

can we change the expander or collapse icon

Asked by Bikram Jeet Singh
1 month ago.

Hello, I am trying to make a folder structure here in Gantt chart view.

Is it possible to change the icons for expand/collapse arrows shown in the image.

Answer posted by Dan Letecky [DayPilot]
1 month ago.

You can change the icons using CSS. This is how the icons are defined in the default CSS theme:

.gantt_default_tree_image_expand {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=');
}

.gantt_default_tree_image_collapse {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==');
}
Comment posted by Bikram Jeet Singh
1 month ago.

Thanks, will try this.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.