Customize Card Headers

Add a secondary header to your Cards and customize the header colors.

You can add a secondary header to any Card on your Boards and customize the color of each Card’s headers. This is a helpful visual aid if your Board has columns or rows that tie into several different topics.

PICK Chart Board

Who can configure a Card?

  • The Board's Owner
  • The Board's Editors
  • Anyone with a System Role that grants them the Board Administrator advanced permission, if the Board is in the specified Location(s).

How do I customize a Card’s headers?

Open the Board containing the Card you want to edit, then:

  • Click the ellipses icon in the top right corner of the Card.
  • In the resulting drop-down menu, hover over Layout.
  • Select Edit Headers from the Layout menu.
  • In the resulting Edit Headers window, you can customize the Card's Primary and Secondary Headers. 
  • When you’re satisfied with your customizations, click Save.

Primary Headers

In the Edit Headers window, under the Primary Header section, you can edit:
  • Text: Edit the Primary Header of the Card by entering the new text in the “Text” field. If you leave this field blank, the Card will retain the title you entered on the filter window.
  • Text Color: Customize the color of the text in the header by clicking any of the colors under “Text Color:” or, if your organization has enabled this option, by using the Hex Color picker or, entering the Hex Value of the color you want to use.
  • Background Color: Customize the color of the background in the header by clicking any of the colors under “Background Color:” or, if your organization has enabled this option, by using the Hex Color picker or, entering the Hex Value of the color you want to use.
  • Swap: Click Swap to easily switch the current “Text Color” with the current “Background Color”.
  • Enable Gradient: Check the box next to “Enable Gradient” to pull up another drop-down where you can click any of the colors to add an additional “Gradient Color:” to blend with the current color set for “Background Color”.
  • Description: Enter text in the “Description:” field to have it appear when you hover over the title of the Card.

Secondary Headers

In the resulting window, if checked, under the Secondary Header section, you can:
  • Text: Edit the Primary Header of the Card by entering the new text in the “Text” field. If you leave this field blank, the Card will retain the title you entered on the filter window.
  • Text Color: Customize the color of the text in the header by clicking any of the colors under “Text Color:” or, if your organization has enabled this option, by using the Hex Color picker or, entering the Hex Value of the color you want to use.
  • Background Color: Customize the color of the background in the header by clicking any of the colors under “Background Color:” or, if your organization has enabled this option, by using the Hex Color picker or, entering the Hex Value of the color you want to use.
  • Swap: Click Swap to easily switch the current “Text Color” with the current “Background Color”.
  • Enable Gradient: Check the box next to “Enable Gradient” to pull up another drop-down where you can click any of the colors to add an additional “Gradient Color:” to blend with the current color set for “Background Color”.
  • Position: Select between “Top”, “Left”, and “Right” in the “Position” drop-down to determine which side of the Card the secondary header will be displayed on.
  • Description: Enter text in the “Description" field to have it appear when you hover over the title of the Card.

Recommended Reading: