It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Add a background color to one cell

How do I add a background color to one cell in my confluence table?

I'm on confluence 5.3 and I can't find any coloring options with the default editor.

Thanks~!

3 answers

1 accepted

14 votes
Answer accepted
Davin Studer Community Leader Jun 08, 2014

There should be a button in the editor bar for this.

What if we want colors than those five pastels?

Like hanxue likes this

Yes, more colors would be useful - and not a very difficult feature to implement I should think!

It will be great if we can add more colors.

That would be better if they changed the icon as well... this looks more like a "merge" than a color icon!

maybe also change the location, say near the text option.

Yeah, I'd love to have dark gray or even black. I need it to clearly indicate that this cell does not apply to this column.

Anyone know if there's an outstanding Feature request for this item?


Thanks!

 

You can vote the following issue in order to ask to add more colors:

https://jira.atlassian.com/browse/CONF-27618 

David Studer, would be great with a button in the editor bar, but can you tell what it look like - because I do not see it..

Davin Studer Community Leader Jul 19, 2018

When you have your cursor in a table cell you should see the table toolbar appear below the regular toolbar. It's the last button.

Capture.PNG

Like Sena Hunde likes this

Well … that button is really useless... Whole editor is one big pain my a** - in case that we have a lot markdown languages why Atlassian reinventing wheel? Stupid step... 👎

Like # people like this

You can always attempt to modify the table's background or cell color in the HTML in the source editor <>. 

  • Table Example: <table bgcolor="red">
  • Cell Example: <td bgcolor="blue">
  • Use "#hexcolors" instead of "blue" for best results.

Environment Server 6.6.1

I belive if you have an older version this will not work. The code editor used to strip out anything that you put on tables, such as width or color. Looks like it works with newer version though ... yay!!

Can I do it with a Confluence CLI one-liner?

Have not tried.

Thanks for this, Jonathan! And for anyone like me who's new to this, it looks like there's a free app that will let you edit the source:

https://marketplace.atlassian.com/apps/1210722/confluence-source-editor

Like Jonathan Smith likes this

Jonathan Smith I tried the same way to set the color of a cell 

<td bgcolor="blue"> but when post the table data to confluence through RESTful api it results in 400 error with :

Error parsing xhtml:

Unexpected character '>'  expected '='\n at [row,col {unknown-source}]: [1,489]"}

Any help?

Jonathan Smith Community Leader Dec 10, 2018

@Shaurya Chawla,

  You can try a "#hex color" instead of "blue". If that does not work, I am sadly out of ideas.

Note: This still works on Confluence Server 6.6.1. Not sure if this works on Cloud.

- Jon

ThanksJonathan Smith actually I tested below in an online html editor and it works and does change the color for text . The issue is with the confluence table storage format which accepts xhtml based(https://confluence.atlassian.com/conf612/confluence-storage-format-958777608.html#ConfluenceStorageFormat-Texteffects); hence the cause of error.

"<td> <span style = color:red>" + variableData + "</span></td>"

I do all my Confluence code formatting with Firefox Developer Tool.

If I needed a table cell with background colour, I would highlight that cell, open it in the Developer Tool panel and then change

<td class="confluenceTd">some text</td>

to

<td class="confluenceTd" style="background: red;">some text</td>
Like Ragil Kamal likes this

Yup. Source editor works for the most part in 5.9.10. Welcome to 1998 HTML. 

2017-06-22_10-56-09.jpg

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

Introducing Confluence Cloud and Jira Software Cloud Premium

Wherever you are in your team’s journey , our goal is to support your big ambitions. We’re a cloud-first company with the mission of unleashing the potential of every team, and to address the range ...

691 views 5 18
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you