Page Comparison

Customizing a board container

You can customize a container using the board editor.

Image Removed

Image Added

Each container can be customized by

• changing the container color scheme

• adding an icon to the container title

You can also add and edit

• the name and description of a container

• the container labels

Change the color scheme for a container

Each container on a board can be customized with a color scheme from a drop-down palette accessed by the color scheme icon tool in the Design board.

• Edit the page with the added board

• choose Edit the Comala Board macro to open the board editor to choose a color for a container

Image Removed

Image Added

• if not already displayed by default, select Design board in the board editor

• highlight a container and choose the color scheme icon from the design tools

Image Removed

Image Added

Select

• select a color scheme from the drop-down palette

If

• if required amend the color scheme for each container on the board

Choose

• choose Apply to add the changes to the board macro on the draft page

• Update the page

Image RemovedImage Added

Add an icon to a container

Anchor
AddIcon AddIcon

You can display a unique icon in each board container using the Design boards container icon tool in the board editor.

• Edit the page with the added board

Choose

• choose Edit the Comala Board macro

If

• if not displayed, select Design board

Choose

• choose the icon tool

Image RemovedImage Added

• scroll down drop-down menu to view and choose from the icon library in the app

  • alternatively, you can add a URL to link to an image file for the icon

.

This could be a local link to an image file in your space or instance or a web repository.

adding

Info
Adding an icon to the container

will remove

removes any existing icon.

• you can choose X Remove container icon to remove an existing icon for a container

Choose

• choose Apply in the board editor to add the changes to the board macro on the draft page

• Update the page

Image Removed
noteImage Added

The icon source must be a Base64-encoded string or a link.

Convert

• convert your image to a base64 string

Use

• use an image size of 16x16 px for the best results

Code Block
url(data:image/png;base64,R0lGODlhFAAUAKUAAP////7+/h4eH...............) url('https://the.icon.source/icon.png')

One useful practice is to have a source page in Confluence that contains any icons.


 You You can also edit the name, description, and label(s) of each container by choosing each container in on the Design board.