---
schema_version: "1"
id: bc3974724bd1b34cccf0f88ee760fd2083969b82464b63af1cd377f8f1c24ba0
title: Formatting Visualizations in Tableau Next
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/analytics/264-0-0/tua_viz_style_pane.md
canonical_url: https://help.salesforce.com/s/articleView?id=analytics.tua_viz_style_pane.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 95e6465dfb249127bea6ae0bc7ddf9885610e9f7d1145e3b8135a755b45de451
description: Make Tableau Next visualizations easier to interpret and draw attention to important insights by customizing their appearance using the Style pane. Create a cohesive visual style that aligns with your organization’s presentation or brand standards. Apply settings for text, lines, backgrounds, and marks across an entire visualization. Or customize specific elements, such as field labels, axes, and headers. Available formatting options vary by visualization layout.
products:
  - Tableau Next
release: "264"
---
# Formatting Visualizations in Tableau Next

Make Tableau Next visualizations easier to interpret and draw attention to important insights by customizing their appearance using the Style pane. Create a cohesive visual style that aligns with your organization’s presentation or brand standards. Apply settings for text, lines, backgrounds, and marks across an entire visualization. Or customize specific elements, such as field labels, axes, and headers. Available formatting options vary by visualization layout.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=analytics.tua_editions.htm&amp;language=en_US" target="_blank">View supported editions.</a></td></tr></tbody></table>

In the Style pane, use visualization-level settings (1) to format the visualization as a whole. Use Style-Specific Elements (2) to format individual components. Formatting applied to specific elements takes precedence over visualization-level formatting. Preview formatting changes as you make them, and save the visualization when you’re ready.

![Tableau Next Style Pane in the Viz Builder](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-tua-264-0-0-production-enus/d794334f-d174-49d3-a4d2-a615bd2e54aa/tua/images/tua_viz_stylepane.png)

## Visualization-Level Formatting in Tableau Next

Establish a consistent visual baseline across a Tableau Next visualization that makes the data easier to read and understand. Visualization-level settings control text, lines, the background, and marks. Available setting groups vary by layout. Formatting applied to individual elements takes precedence over these settings.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=analytics.tua_editions.htm&amp;language=en_US" target="_blank">View supported editions.</a></td></tr></tbody></table>

![Visualization in Tableau Next with visualization-level style settings in the Style pane](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-tua-264-0-0-production-enus/d794334f-d174-49d3-a4d2-a615bd2e54aa/tua/images/tua_viz-levelsettings.png) <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
          <colgroup>
            <col style="width:20%">
            <col style="width:55.00000000000001%">
            <col style="width:25%">
          </colgroup>
          <thead class="slds-text-title_caps ">
            <tr class="">
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e113">Setting Group</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e116">Description and Options</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e119">Available IN</th>
            </tr>
          </thead>
          <tbody>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e113 ">Text</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e116 ">
                <p style="margin-bottom:0;">Set the default font and text color with global text. Format the font, size, color,
                  style, and direction of headings and body text separately. Formatting applied to
                  headings or body text takes precedence.</p>
              </td>

              <td data-label="Available IN" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e119 ">Viz, Table, Map, Flow, Radial</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e113 ">Lines</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e116 ">
                <p style="margin-bottom:0;">Format axis lines in Viz layouts and lines between columns in Table layouts. Set
                  the line color and width.</p>
              </td>

              <td data-label="Available IN" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e119 ">Viz, Table</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e113 ">Background</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e116 ">
                <p style="margin-bottom:0;">Set the background color of the visualization.</p>
              </td>

              <td data-label="Available IN" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e119 ">Viz, Table, Flow, Radial</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e113 ">Marks</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e116 ">
                <p style="margin-bottom:0;">Set the default color of marks in the visualization.</p>
              </td>

              <td data-label="Available IN" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e119 ">Viz</td>

            </tr>
          </tbody>
        </table>

## Element-Specific Formatting in Tableau Next

Customize specific elements in Tableau Next visualizations to improve readability and draw attention to important data. Available elements and formatting options vary by visualization layout. Element-specific formatting takes precedence over visualization-level formatting.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=analytics.tua_editions.htm&amp;language=en_US" target="_blank">View supported editions.</a></td></tr></tbody></table>

![Visualization in Tableau Next with element-level style settings in the Style pane](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-tua-264-0-0-production-enus/d794334f-d174-49d3-a4d2-a615bd2e54aa/tua/images/tua_element-levelsettings.png)

This table describes the element-specific setting groups and formatting options. It also identifies the layouts that support each group.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
          <colgroup>
            <col>
            <col>
            <col>
            <col>
          </colgroup>
          <thead class="slds-text-title_caps ">
            <tr class="">
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e252">Element</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e255">Setting Group</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e258">Description and Options</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27505e261">Available In</th>
            </tr>
          </thead>
          <tbody>
            <tr class="">
              <td data-label="Element" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d27505e252 ">Field Labels</td>

              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Label Text</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the field label text. Set the font, text size, text color, text style, and
                text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz, Table, Flow, Radial</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Label Background</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Set the background color behind field labels.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz, Table, Flow</td>

            </tr>
            <tr class="">
              <td data-label="Element" class="slds-cell-wrap" rowspan="4" style="vertical-align:top;" headers="d27505e252 ">Axes</td>

              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Axis Labels</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the axis label text. Set the font, text size, text color, text style, and
                text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Axis Tick Labels</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the axis tick label text. Set the font, text size, text color, text style,
                and text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Axis Rulers</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Set the line color and width of axis rulers.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Axis Ticks</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Set the line color and width of axis ticks.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Element" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d27505e252 ">Headers</td>

              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Header Text</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the header text. Set the font, text size, text color, and text
                style.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz, Table, Radial</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Header Background</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Set the background color behind headers.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz, Table</td>

            </tr>
            <tr class="">
              <td data-label="Element" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d27505e252 ">Pane Table</td>

              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Marks</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Set the default color of marks in the pane table.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Mark Labels</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the mark label text. Set the font, text size, text color, and text
                style.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Viz</td>

            </tr>
            <tr class="">
              <td data-label="Element" class="slds-cell-wrap" rowspan="4" style="vertical-align:top;" headers="d27505e252 ">Totals</td>

              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Grand Total Label</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the grand total label text. Set the font, text size, text color, text
                style, and text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Table</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Grand Total Value</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format grand total values. Set the font, text size, text color, text style, and
                text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Table</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Subtotal Label</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format the subtotal label text. Set the font, text size, text color, text style,
                and text direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Table</td>

            </tr>
            <tr class="">
              <td data-label="Setting Group" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e255 ">Subtotal Value</td>

              <td data-label="Description and Options" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e258 ">Format subtotal values. Set the font, text size, text color, text style, and text
                direction.</td>

              <td data-label="Available In" class="slds-cell-wrap" style="vertical-align:top;" headers="d27505e261 ">Table</td>

            </tr>
          </tbody>
        </table>