---
schema_version: "1"
id: ec993436cca373b63301f676d6d1d9225a40e1555e8bf22fb968ef7eed72b3ab
title: Widget Properties for Analytics Dashboard
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/analytics/264-0-0/bi_dashboard_widget_properties_flex.md
canonical_url: https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widget_properties_flex.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: bc28a825c10adf897d563af34949982256bd087681a524909225aff2c4ec662a
description: Widget properties define how widgets appear in the Analytics dashboard. For example, you can apply labels, backgrounds, and borders. To make widgets look consistent, you can set up default widget properties in the layout and then assign them to each widget. Widget properties vary based on the widget type and the designer used to create them. The properties listed here apply only to widgets created in the dashboard designer.
products:
  - CRM Analytics
  - Cross Cloud
release: "264"
---
# Widget Properties for Analytics Dashboard

Widget properties define how widgets appear in the Analytics dashboard. For example, you can apply labels, backgrounds, and borders. To make widgets look consistent, you can set up default widget properties in the layout and then assign them to each widget. Widget properties vary based on the widget type and the designer used to create them. The properties listed here apply only to widgets created in the dashboard designer.

## General

Analytics groups widget properties into sections. After the first section (“General”), the remaining sections are listed in alphabetical order.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <thead class="slds-text-title_caps ">
          <tr><th class="slds-cell-wrap" scope="col" id="d145302e30">Property</th>
          <th class="slds-cell-wrap" scope="col" id="d145302e33">Description</th>
        </tr></thead>
        <tbody><tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Chart Type</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Select the type of chart to visualize the data. </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Show as pivot table</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Indicates whether the table is pivoted. A pivot table requires the underlying
            query to have at least one grouping. Analytics pivots the table on the last defined
            grouping. Disabled, by default.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Show widget actions</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Hide a widget’s action menu, which includes options to download, share, and
            explore the widget’s results. Hide the menu to hide these options or when the action
            dropdown arrow is too distracting in smaller widgets.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Show explore action</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Allow dashboard viewers to click a link in the widget to open the underlying
            query in a lens. This option appears when you select <strong class="uicontrol">Show widget
              actions</strong>. <div class="slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium">
              <div class="slds-media slds-media_responsive">
                <div class="slds-media__figure"><span class="slds-icon_container slds-icon_container_circle slds-icon-note-note"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/images/icon_note.png" alt="Note"></span></div>
                <div class="slds-media__body" style="padding-top:.5rem;padding-bottom:.5rem;"><span class="slds-text-title_caps">Note</span> This option only applies to widgets based on queries in
                  compact form. You can’t explore widgets that are built on SAQL form queries or
                  multiple datasets.</div>
              </div>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Show constant widget actions</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">
            <p>Widget actions are always visible without hovering.</p>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Title</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Title of the widget.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Subtitle</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Subtitle of the chart. Appears below the title in a smaller font.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Title Alignment</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Horizontal alignment of the title.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Title Color</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Color of title.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Title Size</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Font size of title.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Title Separator Color</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Color of the line that separates the widget title from the global
            filters.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Filters Per Row</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Number of global filters to show per row in the global filter panel.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Theme</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Set a color scheme for the chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Update instantly</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Instantly update the dashboard results based on a filter selection. Otherwise,
            you have to click <strong class="uicontrol">Update</strong> to apply the filter.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Measure Field</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">The measure to show in the widget. You can use this field to specify the measure
            to show when multiple measures are defined in the underlying query. You can also use
            this option to not show the measure in the widget.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Shorten number</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Display shortened numbers, rounded to the nearest tenths place. For example, when
            shortened, 1,111,556 appears as 1.1 M, 999.95 appears as 1.0 K, and 111,045 appears as
            111.0 K.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Text</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Widget label.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Link To</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Link to a dashboard, lens, query, page, or URL. If the dashboard contains no
            pages, the option to link to a page doesn’t appear.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Page</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Specify the page that you want the link widget to link to.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Destination</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">The URL of the page that the link widget links to.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Link Tooltip</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Enter a tooltip that appears when the user hovers over the link. For example, if
            the link is to a website, enter the URL as the tooltip so the user knows where the link
            takes them.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Customize display and format</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Customize the display values for a list or toggle widget. The widget can display
            values from multiple fields. For example, a list widget can show sales rep and region,
            with values like SalesRepA-West, SalesRepB-West, and SalesRepC-North—allowing you to
            filter on both fields. You can also display measures as part of the value, and format
            the display. Click <strong class="uicontrol">Add field...</strong> dropdown, select a grouping or
            measure defined in the query. You can insert more characters directly into the editor
            box to format the display. For instance, you can add parentheses to enclose the measure
            value as shown here.<div><img src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/bi/images/bi/bi_dashboard_widget_custom_display.png" alt="Each specified field appears in the value for the list widget."></div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Apply Selections and Filters </td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">
            <p>CRM Analytics passes
              selections in chart, list, toggle, range, and date widgets as selections in the
              linked asset if they apply. For example, you select North America in a list widget
              based on the Region dataset field. CRM Analytics applies that same selection to
              faceted queries in the linked dashboard that have a grouping based on the Region
              field in the same dataset.</p>
            <p dir="ltr">CRM Analytics passes global filters
              as filters to a linked asset as long as the filters apply. CRM Analytics ignores a
              global filter if the linked asset doesn’t use the dataset that the global filter is
              defined on. <span>If the global filter is locked and the incoming filter is defined on
                the same field, CRM Analytics ignores the incoming filter. If it’s unlocked, the
                incoming filter overrides the global filter defined in the dashboard.</span></p>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Image</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">The file name of the image. The image must be available in the gallery of the CRM
            Analytics app that contains the dashboard. This property applies to image widgets
            created during or after Spring ’17.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Image ID</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">15-character ID of the image. The image must be uploaded to the Documents tab of
            Salesforce and the Externally Available Image option must be enabled. This property
            applies to image widgets created before Spring ’17.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Image Scale</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Indicate how to fit the image.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Image Alignment</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Horizontal and vertical alignment of the image.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Show custom action</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Show the widget properties that you set to show custom bulk actions on a table
            widget’s action menu.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Custom Action Label</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Display label for the button in the table widget’s action menu. The dashboard
            viewer clicks the button to execute the action.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Visualforce Page Name</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Name of the Visualforce page that defines the bulk action.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e30">Visualforce Namespace Prefix</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e33">Optional. Namespace prefix of the Visualforce page that defines the bulk
            action.</td>
        </tr>
      </tbody></table>

## Background Image

| Property | Description |
| --- | --- |
| Image | The file name of the image. The image must be available in the gallery of the CRM Analytics app that contains the dashboard. This property applies to container widgets created during or after Spring ’17. |
| Image ID | 15-character ID of the image. The image must be uploaded to the Documents tab of Salesforce with the Externally Available Image option enabled. This property applies to container widgets created before Spring ’17. |
| Image Scale | Indicate how to fit the image. |
| Image Alignment | Horizontal and vertical alignment of the image. |

## Band Colors

| Property | Description |
| --- | --- |
| Low Band | The color range for the low band. |
| Medium Band | The color range for the medium band. |
| High Band | The color range for the high band. |

## BreakPoints

| Property | Description |
| --- | --- |
| Min | Minimum value of the low color band. |
| Medium | The value separating the low and medium colors. |
| High | The value separating the medium and high colors. |
| Max | Maximum value of the high color band. |

## Center Axis, Left Axis, X-Axis, Y-Axis

| Property | Description |
| --- | --- |
| Start axis at zero | Start the axis at 0. |
| Show axis | Show the axis. |
| Show title | Show the title of the axis. |
| Title | Enter title of the axis. The default title is the name of the dimension for x-axis or names of the measures for y-axis. Multiple measures appear as a comma-separated list. |
| Reference Line | Show a reference line, which you can use to show a threshold, boundary, or reference point in the chart. For x-axis, it’s a vertical line. For y-axis, it’s a horizontal line. |

## Chart Details

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <thead class="slds-text-title_caps ">
          <tr><th class="slds-cell-wrap" scope="col" id="d145302e576">Property</th>
          <th class="slds-cell-wrap" scope="col" id="d145302e579">Description</th>
        </tr></thead>
        <tbody><tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Compute total</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Computes the total based on all segments of the waterfall or stacked waterfall
            chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show values in chart bars</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>Show the measure value of each bar in the chart if there is enough space to do so.
              Available space will is determined by fit mode of axis, axis type (such as <em>date-time</em>),
              available space for the widget, and other factors.</p>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Normalize values</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show stacked groups as a percentage of the total.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Axis Mode</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>Specify how multiple measures appear in the chart. </p>
            <div>
              <p>You can select one of the following values: </p>
              <dl>
                <dt style="font-weight:bold;padding-top:.25rem;">Single Axis</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show all measures on the same axis.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Dual Axis</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show the first measure on its own axis and the remaining measures on a separate
                  axis.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Small Multiples</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show each measure in a separate graph.</dd>
              </dl>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Auto fit</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>Fit entire chart inside the widget. Else, if needed, scroll to see the remainder of the
              chart. </p>
            <div>
              <p>You can select one of the following values:</p>
              <dl>
                <dt style="font-weight:bold;padding-top:.25rem;">None</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">No scaling is applied. Scroll bars appear for charts larger than the widget.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Fit</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Scale the chart to exactly fit the widget.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Preserve labels</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Scale the chart to fit the widget while preventing labels from overlapping. Scroll bars
                  appear for charts larger than the widget.</dd>
              </dl>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Handling Missing Values</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>Specify whether to connect data points regardless of missing data. </p>
            <div>
              <p>You can select one of the following values:</p>
              <dl>
                <dt style="font-weight:bold;padding-top:.25rem;">connect</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show a continuous graph, ignoring missing values.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">disconnect</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show gaps in the graph where values are missing.</dd>
              </dl>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Fill area</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Fill area under the timeline chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show points</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show data points on the line.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576"># of stem segments</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>The number of values that appear in the funnel’s stem.</p>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Icon</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Icon used in the ratings chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Number of icons</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Number of icons that appear for each rating.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show value as</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">
            <p>Specify how to show values.</p>
            <div>
              <p>You can select one of the following choices:</p>
              <dl>
                <dt style="font-weight:bold;padding-top:.25rem;">None</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Do not show values.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Number</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show as numbers.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Compact Number</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show compact form of numbers, summarized using letter suffixes.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Percentage</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Show as percentages of the total.</dd>
              </dl>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show max value</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the maximum measure value in each rating.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show values on left</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the measure value on the left of each rating. Default is on the right.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show measure title</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the title of the measure in the chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show measure axes</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the axes for measures in the chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show total in title</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the total in the measure title.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Show total in center</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Show the total of the measure in the center of the donut chart.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Center Size</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">The percentage of the donut chart or polar gauge used to create the center
            circle.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Map Type</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Select the type of map.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e576">Colors</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e579">Depending on the chart type, specifies the colors of the low and high values, or
            colors for the start, total, positive, and negative values.</td>
        </tr>
      </tbody></table>

## Date

| Property | Description |
| --- | --- |
| Default Date Mode | Specify whether the date widget displays absolute or relative dates, by default. |
| Allow date mode switching | Indicates whether the dashboard viewer can switch between absolute and relative dates in the date widget. |
| Default Calendar Type | Specifies whether the date widget displays dates using the calendar or fiscal year, by default. |
| Allow calendar type switching | Indicates whether the dashboard viewer can switch between the fiscal and calendar year in the date widget. |

## Filter Style

| Property | Description |
| --- | --- |
| Field Color | Color of the field name. |
| Value Color | Color of the field value. |
| Background Color | Color of the filter background. |
| Border Color | Color of the filter border. |
| Border Radius | Radius of filter border. |

## Legend

| Property | Description |
| --- | --- |
| Show legend | Show the chart legend. |
| Show legend header | Show legend header. |
| Show legend inside chart area | Show legend inside the chart area to reduce space required for the legend. The legend might overlap with the chart. |
| Position | Location of legend inside the chart widget. |

## Onboarding

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <thead class="slds-text-title_caps ">
          <tr><th class="slds-cell-wrap" scope="col" id="d145302e1055">Property</th>
          <th class="slds-cell-wrap" scope="col" id="d145302e1058">Description</th>
        </tr></thead>
        <tbody><tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1055">Resource Title</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1058">Specify a title for the frame that presents your resource.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1055">Resource URL</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1058">Specify the URL for your video or webpage on a site that doesn’t prevent embedding.
            For best results with a YouTube video, specify the Embed URL. To get the Embed URL in YouTube,
            click <strong>Share</strong> and then <strong>Embed</strong>. The URL must have this format:
            <kbd>https://www.youtube.com/embed/xxxxxxxxxx</kbd>
            <div class="slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium">
              <div class="slds-media slds-media_responsive">
                <div class="slds-media__figure"><span class="slds-icon_container slds-icon_container_circle slds-icon-note-note"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/images/icon_note.png" alt="Note"></span></div>
                <div class="slds-media__body" style="padding-top:.5rem;padding-bottom:.5rem;"><span class="slds-text-title_caps">Note</span> The Onboarding property
                  loads content from any URL into a Analytics inline frame. If the URL allows execution
                  within an inline frame, then all content at the URL becomes accessible to dashboard viewers.
                  Salesforce is not responsible for third-party URLs.</div>
              </div>
            </div>
          </td>
        </tr>
      </tbody></table>

## Table Options

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <thead class="slds-text-title_caps ">
          <tr><th class="slds-cell-wrap" scope="col" id="d145302e1101">Property</th>
          <th class="slds-cell-wrap" scope="col" id="d145302e1104">Description</th>
        </tr></thead>
        <tbody><tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1101">Column Size</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1104">You can set the table column size to: <dl>
              <dt style="font-weight:bold;padding-top:.25rem;">Fit to Data</dt>
              <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Dynamically set the column widths based on the length of the data currently visible in
                the table. You can also set a minimum and maximum width to ensure that the column isn't too
                wide or narrow.</dd>
              <dt style="font-weight:bold;padding-top:.25rem;"> Fixed Width</dt>
              <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Set each column to the same width.</dd>
              <dt style="font-weight:bold;padding-top:.25rem;"> Fit to Widget</dt>
              <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Fit the columns to the size of the widget. Use this setting to ensure that no empty
                space appears at the right side of the table, as shown here.<div><img src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/bi/images/bi/bi_dashboards_table_empty_space.png" alt="Analytics shows an empty whitespace on the right side of the table."></div>
              </dd>
            </dl>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1101">Column Width</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1104">The width of each column in the table. Configure the widths to minimize whitespace and
            ensure widget alignment in a dashboard. If you selected <strong class="uicontrol">Fit to Data</strong> in
            Column Size, specify the minimum and maximum column widths to ensure that the columns aren’t
            too wide or narrow.</td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1101">Show Totals</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1104">Shows the totals for all measures across the top of a compare or values table.
            <div class="slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium">
              <div class="slds-media slds-media_responsive">
                <div class="slds-media__figure"><span class="slds-icon_container slds-icon_container_circle slds-icon-note-note"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/images/icon_note.png" alt="Note"></span></div>
                <div class="slds-media__body" style="padding-top:.5rem;padding-bottom:.5rem;"><span class="slds-text-title_caps">Note</span> The Show Totals option appears in the widget properties only if the Show Totals option
                  is set in the query.</div>
              </div>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1101">Pagination</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1104">Limits the amount of data
            loaded for a values
            table. As a user pages through the results, more data loads as needed. Table
            pagination is on by
            default. Disable
            pagination by deselecting <strong class="uicontrol">Disable paginated
              loading</strong>,<p>If you use a query in more than one widget, the
              dashboard fully loads and ignores the pagination
              setting.</p>
          </td>
        </tr>
      </tbody></table>

## Text Style

| Property | Description |
| --- | --- |
| Text Color | Color | Color of the text. |
| Text Size | Size | Size of the text. |
| Number Color | Color of the number. |
| Number Size | Size of the number. |
| Title Color | Color of the title. |
| Title Size | Size of the title. |
| Alignment | Horizontal alignment of the text. |

## Trellis

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <thead class="slds-text-title_caps ">
          <tr><th class="slds-cell-wrap" scope="col" id="d145302e1268">Property</th>
          <th class="slds-cell-wrap" scope="col" id="d145302e1271">Description</th>
        </tr></thead>
        <tbody><tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1268">Show as trellis</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1271">Create separate graphs based on groupings. </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1268">Type</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1271">
            <p>Select the type of trellis, which affects how the graphs appear.</p>
            <div>
              <p>You can select one of the following values:</p>
              <dl>
                <dt style="font-weight:bold;padding-top:.25rem;">Horizontal</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Separate horizontally, with a graph for each value in the first grouping.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Vertical</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Separate vertically, with a graph for each value in the first grouping.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Matrix</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Display graphs in a table, with the first grouping in columns and the second grouping
                  in rows.</dd>
                <dt style="font-weight:bold;padding-top:.25rem;">Wrap</dt>
                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Display graphs line-by-line for each value in the first grouping, wrapping at the value
                  set in the per-line setting.</dd>
              </dl>
            </div>
          </td>
        </tr>
        <tr class="">
          <td class="slds-cell-wrap" data-label="Property" headers="d145302e1268">Number of charts per line</td>
          <td class="slds-cell-wrap" data-label="Description" headers="d145302e1271">Number of charts per line when the trellis wraps to multiple lines.</td>
        </tr>
      </tbody></table>

## Widget Style

| Property | Description |
| --- | --- |
| Use defaults | Use the default widget properties defined in the dashboard properties. |
| Background Color | Background color of the widget. |
| Border | Border around the widget. |
| Border color | Color of the widget border. |
| Border Width | Width of the widget border (in pixels). |
| Border Radius | Roundness of the corners of the widget border. |

#### See Also

- [Add Chart Widgets to Visualize Data](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_chart_add_flex.htm&release=264.0.0&type=5 "Charts in a CRM Analytics dashboard allow you to visually summarize and trend your data. For example, a donut chart can show the distribution of opportunities across industry type.")
- [Add a Date Widget to Filter Dashboard Results Based on a Date](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_filter_date_add_flex.htm&release=264.0.0&type=5 "A date filter widget allows dashboard viewers to filter the CRM Analytics dashboard results based on a selected date range. The range can use relative dates based on UTC (like 2 years ago), absolute dates (like 1/15/2016), or presets (like Current Fiscal Year To Date). For example, you can add a date widget to filter support cases, showing only cases that closed this month or last month.")
- [Add a List Widget to Filter Dashboard Results Based on a Dimension](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_filter_list_add_flex.htm&release=264.0.0&type=5 "A list filter widget allows dashboard viewers to filter the CRM Analytics dashboard results based on a dimension. For example, a list widget can filter results based on a particular case status or region.")
- [Add a Range Widget to Filter Dashboard Results Based on a Measure](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_filter_range_add_flex.htm&release=264.0.0&type=5 "A range widget allows dashboard viewers to filter the CRM Analytics dashboard results based on a range of values for a measure. For example, a range widget can show only opportunities with amounts between $100,000 and $900,000.")
- [Add a Toggle Widget to Filter Dashboard Results Based on a Dimension](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_filter_toggle_add_flex.htm&release=264.0.0&type=5 "A toggle widget allows dashboard viewers to filter the CRM Analytics dashboard results based on a date or dimension. For example, a toggle widget can show results based on a specific record type.")
- [Add Number Widgets to Include Key Metrics](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_number_add_flex.htm&release=264.0.0&type=5 "Key metrics help you track critical measurements of your business. For example, you can show the total number of open cases or total opportunity amount for the last quarter or the northern region.")
- [Add a Global Filter Panel Widget to Filter Data from the Dashboard](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_scope_add_flex.htm&release=264.0.0&type=5 "The panel can contain single or multiple global filters. Use a global filter to apply the same filter to multiple queries in the dashboard. For example, a dashboard has two charts comparing two sales reps’ performance. To compare apples to apples, both charts must have the same filters. When possible, use a global filter instead of a selection-based filter to improve dashboard performance. If configured, users can change a global filter while viewing the dashboard.")
- [Add a Table Widget to Show Record Details and Create Calculated Columns](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_table_add_flex.htm&release=264.0.0&type=5 "You can add different types of tables to a CRM Analytics dashboard. To view record-level details, add a values table. A values table can show details like how long a case has been open and who owns it. To create custom columns in a table based on calculations from existing fields, add a compare table. If the underlying query contains at least one grouping, you can create a pivot table.")
- [Add a Container Widget to Create Sections in the Dashboard](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_container_add_flex.htm&release=264.0.0&type=5 "Use a container in a CRM Analytics dashboard to group related widgets. For example, you can use a container widget to create a filter panel on the left side of the dashboard to store all selection-based filter widgets. To distinguish the filter panel from the rest of the dashboard, you can apply a background color and border to the container. When you move this widget, the contained widgets also move while maintaining their spacing and alignment.")
- [Add an Image Widget to Display Graphics in the Dashboard](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_image_add_flex.htm&release=264.0.0&type=5 "You can include company logos to brand the CRM Analytics dashboard, icons to categorize results, or graphics to animate the dashboard.")
- [Add a Link Widget to Link to Other Assets](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_link_add_flex.htm&release=264.0.0&type=5 "Take dashboard viewers straight to where they need to go with links to specific assets, like dashboards, pages, queries, lenses, and even web pages. You can also use links to create analysis paths for users to follow, helping them navigate your analytics app, or to perform mass quick actions on record lists.")
- [Enrich Your Data with Dashboard Text](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_widgets_text_add_flex.htm&release=264.0.0&type=5 "Use text widgets to emphasize important data, make your dashboards more scannable, and tell a more compelling data story.")