Giters

IgniteUI / igniteui-dockmanager

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Replace the text on a tab header with a custom icon

simeonoff opened this issue · comments

commented

Hi,
I have a customer who wants to replace the text on a tab header with a custom icon. He wants to show a different icon on each tab header. How it this possible?
I found I could customize the style of an unpinned tab header with the following css for example, but it applies to all the headers.

igc-dockmanager::part(unpinned-pane-header){
/* custom styles */
}

commented

The tab header title is provided via the header property. That being said, the header property must be a string. If the customer wants to replace the text with icons, the icons must be unicode characters(example: emojis). If the customer wants to provide html templates that go in place of the text, that is not possible without implementing changes in the dock manager.