All UI Tab
The All UI tab controls the visual appearance and layout of the Task Board interface and task cards.
Task card style
| Input Field | Options | Default |
|---|---|---|
| Dropdown | Tasks plugin emoji Bases card style | Tasks plugin emoji |
Using this setting you can change the look of the Task item card.
Clean task title for inline-tasks
v1.3.0
| Input Field | Default |
|---|---|
| Toggle | ON |
When enabled, task title is rendered without any embedded metadata/properties in the task card title for a cleaner appearance. This has been specially provided since we already have the selective property hiding feature. So, incase if you want to see your properties separately inside the task card, you can enable this feature.
Pro Tip
Disabling this feature might improve the rendering performance. It will be very insignificant, but still helps in rendering.
Width of Task Card
| Input Field | Default |
|---|---|
| Text Input | 300px |
Set the width of individual task cards in pixels. Enter values with the “px” suffix (e.g., “350px”).
In Map View, card widths are individually adjustable.
Show Column Scroll Bar
| Input Field | Default |
|---|---|
| Toggle | OFF |
When enabled, scrollbars appear on columns that exceed the viewport height. If you prefer cleaner look within your board, disable this feature and all the column scrollbars will be hidden.
Tag Color Indicator Type
| Input Field | Options | Default |
|---|---|---|
| Dropdown | Tag Text - Color applied to tag text Tag Background - Color applied behind tag Card Background - Color applied to entire card background | Tag Text |
Choose to which component the custom tag colors you have configured below, should be applied to. Changing this setting will allow you to have different board UIs.
Tag Colors
Assign custom colors to specific tags for visual organization. Tags with custom colors display with your chosen color across the board.
Adding Custom Tag Colors
- Click “Add tag color” button
- Enter the tag name (e.g.,
#important) - Use the color palette to select a color
- Set the opacity value (0 to 1, e.g., 0.4)
- Confirm to save
Managing Tag Colors
For each custom tag color you see:
- Preview: Visual sample of how the tag appears in task card headers
- Tag Name: The tag being customized (not editable once created)
- Color picker : A custom color picker popover will appear when you will click on this button.
- Color Value: Hex color code in RGBA format
- Delete Button: Remove the custom color to revert to theme default
Custom tag colors help visually organize tasks, especially when multiple tags are assigned to a single task.