No ability to set colors for Tags column format in table

  1. My goal: In a table with a column with format Tags to uncheck Assign tag colors automatically and specify a single color or array of colors to use instead.
  2. Issue: Unlike the Tag column format which has a color field in the inspector, the Tags format doesn't.
  3. Steps I've taken to troubleshoot: Checked all menus for option to customize, checked the Theme settings as well, nothing.
  4. Additional info: (Cloud or Self-hosted, Screenshots)
    Screenshot:

App JSON to reproduce:
Untitled-5.json (64.0 KB)

I don't know how it is with TAGS but I know that in the case of TAG the colour settings were moved into the Add-ons, Option list section.

Maybe TAGS is similar.

By the way, if anyone can tell me what the difference is between "TAGS" and "TAG" type then I'd be interested to hear.

Thank you so much @davblo, this is perfect. Just checked and nope, no option within Tags Option List, especially since I'm not separately mapping the options, it's a non-editable column in my use.

To answer your question, a Tag column format accepts a string, while Tags column format accepts arrays. So typically if you have a comma delimited string in a cell, you can do {{ item.split(',') }} in the mapped value to make each item show up in a pill.

Ok. Thanks for explaining about Tags!

Hello @Abhilash_Nair ,

To Set Custom Colors for a Tags Column in a Retool Table

  1. Open the Table Settings:
  • Go to the column where the format is set to Tags.
  1. Add an Option List via Add-ons:
  • In the column settings, under the Add-ons section, enable the Option List feature.
  1. Map Values to Colors:
  • Define the list of values and assign each a specific color using the Mapped Value option.
  1. Add Custom Color Mapping Code:
  • In the Color field of the column configuration, insert the following code to apply your custom colors based on tag values:
{{
  item === 'Design' ? 'red' :
  item === 'Engineering' ? 'blue' :
  item === 'Infrastructure' ? 'green' :
  item === 'Data'? 'Yellow':  
  item === 'Marketing'? 'orange':  
  item === 'Recruiting'? 'pink':  
  'defaultColor'
}}

Hi Wilde,

The problem Abhilash has, is that he is not using "Mapped" options. He is using "Manual" settings. In that case the dialog you show above is not present.

Is looks like this instead...

As you can see there is no obvious way to set colour there.

We also have the option to set colors for manual entries. Just click on the value, and you'll see additional properties you can customize.

1 Like

Great!

That looks like the answer Abhilash needs!

1 Like

Can you confirm, @Abhilash_Nair? Let us know if you have any additional questions!