ResourceAvatarsItem

Item displaying avatars or initials for a tasks assigned resources.

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class

editor : String/Objectresourcescombo

Widget type or config to use as the editor for this item. Used in the inline task editor.

Defaults to use a ResourcesCombo.
maxAvatars : Number7
Maximum avatars to display by default. The last avatar will render an overflow indicator if the task has more resources assigned.
```
const taskBoard = new TaskBoard({
    headerItems : {
        resources : {
            type       : 'resourceAvatars',
            maxAvatars : 5
        }
    }
});
```
Overridden by card size based settings, see ResponsiveCards.
overlap : Boolean
Specify true to slightly overlap avatars for tasks that have multiple resources assigned. By default, they are displayed side by side.
```
const taskBoard = new TaskBoard({
    footerItems : {
        resourceAvatars : {
            overlap : true
        }
    }
});
```

Properties are getters/setters or publicly accessible variables on this class

Events are triggered for certain actions in this class and can be listened for to react to those actions in your code

Event handlers are callbacks called as a result of certain actions in this class

CSS variables that can be set to adjust appearance

Name	Description
--b-task-board-resource-avatars-avatar-gap	Gap between avatars
--b-task-board-resource-avatars-avatar-size	Avatar size
--b-task-board-resource-avatars-flex	Avatar item flex
--b-task-board-resource-avatars-justify-content	Avatar item justification
--b-task-board-resource-avatars-overflow-background	Overflow background (on top of the last avatar)
--b-task-board-resource-avatars-overflow-color	Overflow text color
--b-task-board-resource-avatars-overlap	Avatar overlap

type: resourceAvatars

TaskBoard/view/item/ResourceAvatarsItem.js