ImageDefinitionCollection / PartialImageDefinitionCollection
Description
An ImageDefinitionCollection represents a collection of key/value pairs, where key is a string used to identify the corresponding ImageDefinition. It extends ResourceCollection<T>.
Properties
|
Property |
Element |
Type |
Description |
|---|---|---|---|
|
key |
|
string |
The identifier of the |
|
|
value |
Represent an image to customize. |
Supported values
At this time, the following image/icons elements can be customized:
|
Key |
Light theme image |
Target element |
|---|---|---|
|
filter-cell-filtered |
|
|
|
filter-cell-unfiltered |
|
|
|
group-header-collapsed |
|
|
|
group-header-expanded |
|
|
|
column-header-cell-sorted-ascending |
|
|
|
column-header-cell-sorted-descending |
|
|
|
group-by-panel-element-remove-command |
|
|
|
set-command |
|
|
|
cancel-command |
|
|
|
remove-command |
|
|
|
no-item-selected |
|
|
|
operator-equal-to |
|
|
|
operator-not-equal-to |
|
|
|
operator-greater-than |
|
|
|
operator-greater-than-or-equal-to |
|
|
|
operator-less-than |
|
|
|
operator-less-than-or-equal-to |
|
|
|
operator-contains |
|
|
|
operator-not-contain |
|
|
|
operator-starts-with |
|
|
|
operator-ends-with |
|
|
|
goto-first-command |
|
|
|
goto-previous-command |
|
|
|
goto-next-command |
|
|
|
goto-last-command |
|
|
'%3E%3Cpath d='M-1-1h632v496.148H-1V-1z' fill='none'/%3E%3C/g%3E%3Cg transform='matrix(-.02833 0 0 .02833 18.424 0)'%3E%3Cpath d='M406.284 201.188L131.804 13.28C119.128 4.596 106.356 0 95.74 0 75.216 0 62.52 16.472 62.52 44.044v406.124c0 27.54 12.68 43.98 33.156 43.98 10.632 0 23.2-4.6 35.904-13.308l274.608-187.904c17.66-12.104 27.44-28.392 27.44-45.884.004-17.48-9.664-33.764-27.344-45.864z' class='active-path' fill='%23777'/%3E%3Cpath d='M502.5-.476h61a3 3 0 013 3v489a3 3 0 01-3 3h-61a3 3 0 01-3-3v-489a3 3 0 013-3z' filter='url(%23a)' fill='%23777'/%3E%3C/g%3E%3C/svg%3E)
'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M405.284,201.188L130.804,13.28C118.128,4.596,105.356,0,94.74,0C74.216,0,61.52,16.472,61.52,44.044v406.124 c0,27.54,12.68,43.98,33.156,43.98c10.632,0,23.2-4.6,35.904-13.308l274.608-187.904c17.66-12.104,27.44-28.392,27.44-45.884 C432.632,229.572,422.964,213.288,405.284,201.188z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23777777'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
 scale(.02833)'%3E%3Cpath d='M-1-1h632v496.148H-1V-1z' fill='none'/%3E%3C/g%3E%3Cg transform='translate(.576) scale(.02833)'%3E%3Cpath d='M406.284 201.188L131.804 13.28C119.128 4.596 106.356 0 95.74 0 75.216 0 62.52 16.472 62.52 44.044v406.124c0 27.54 12.68 43.98 33.156 43.98 10.632 0 23.2-4.6 35.904-13.308l274.608-187.904c17.66-12.104 27.44-28.392 27.44-45.884.004-17.48-9.664-33.764-27.344-45.864z' class='active-path' fill='%23777'/%3E%3Cpath d='M502.5-.476h61a3 3 0 013 3v489a3 3 0 01-3 3h-61a3 3 0 01-3-3v-489a3 3 0 013-3z' filter='url(%23a)' fill='%23777'/%3E%3C/g%3E%3C/svg%3E)
Example
const imageDefinitions = {
"filter-cell-filtered": { source: " https://img.icons8.com/ios-filled/32/000000/filter-edit.png" },
};Remarks
The boolean viewer image (Light theme image = 
) can be customized by providing a ViewerDefinition that targets the boolean viewer and which provides a new ImageViewerProvider.
A partial type/interface is an object in which properties are optional.