ProgressItem

Item displaying a progress bar.

Progress is determined by the value of the configured field. A max value (defaults to 100) can be configured using the max config.

No results

Configs

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

editor : String/Objectnull

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

ProgressItems are un-editable by default.

max : Number100

Max value, at which the bar is full.

const taskBoard = new TaskBoard({
   bodyItems : {
       progress : { type : 'progress', max : 10 }
   },

   project : {
       tasks : [
           { id : 1, name : 'Task #1', progress : 9 }
       ]
   }
});

// Task #1 bar is 9/10 filled

Properties

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

isProgressItem : Booleantrue

READONLY

static

ADVANCED

Identifies an object as an instance of ProgressItem class, or subclass thereof.

isProgressItem : Booleantrue

READONLY

ADVANCED

Identifies an object as an instance of ProgressItem class, or subclass thereof.

CSS variables

CSS variables that can be set to adjust appearance

Name	Description
--b-task-board-progress-item-background	Background for the unfilled part of the progress bar
--b-task-board-progress-item-border	Border for the progress bar
--b-task-board-progress-item-border-radius	Border radius for the progress bar
--b-task-board-progress-item-color	Color for the filled part of the progress bar
--b-task-board-progress-item-height	Height of the progress bar

type: progress

Source path

TaskBoard/view/item/ProgressItem.js

ProgressItem

Configs

Properties

CSS variables

Source path

Inheritance tree2

Contents