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
Accepted answer
Davin Studer Community Champion Jun 08, 2014

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

What if we want colors than those five pastels?

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 Champion 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

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... 👎

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.

Susan Ostreicher Community Champion Oct 18, 2018

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 1 person 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 Champion 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>

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
Posted Feb 06, 2019 in Confluence

Try out the new editing experience

Hi team, I’m Avinoam, a product manager on Confluence Cloud, and today I’m really excited to let the Community know that all customers can now try out the new editing experience and see some of the ...

1,125 views 60 8
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you