Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

This article explains how to highlight a single cell with different colors created using Advanced Tables when the mouse hovers over the cell.

To achieve this specify the CSS Stylesheet in Space.

Instructions:

  1. Log into your Confluence instance as an administrator.
  2. Navigate to the existing page and click Image Modified to edit the page or create a new page.
  3. Insert Advanced Table -Table Plus macro. For example, create a table as shown below:
    Image Modified
  4. Edit the macro on the Advanced Tables Editor-Table Plus screen, under Column settings and add the Column attributes as below.


    class=confluenceTd cellhover



    Image Modified

  5. Go to Space Tools and click Look and Feel.
  6. Under Stylesheet tab, enter the CSS code.
    Image Modified
  7. Click Save.
    Image Modified 
  8. Open the respective confluence page, hover the mouse over a cell.
    Image Modified


Info