> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Using Story Presentation Mode

export const InlineImage = ({src, alt = '', height = '1.6em'}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

## Intro

Domo's Story Presentation Mode allows you to make better presentations featuring your data. While in the mode, you can still view important details about the data, like who owns it and when it was last updated. If your audience wants a closer look at a dense table or visualization, you don't have to leave your presentation—Filters and Drill Paths function normally in the mode.

This article describes the Story Presentation Mode interface.

## Navigating Story Presentation Mode

Enter Story Presentation Mode from any card on your dashboard by selecting **<InlineImage src="/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkf.png" /> Expand**.

<Note>
  **Note:**
  Now to get to the card Details view, you can select <InlineImage src="/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkn.png" />
  **Card options** > **Details**
  .
</Note>

<Frame>
  <img alt="expand.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkm.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=d7bdba1d6f47891f1e4afbeba93d09a7" style={{width: 715, height: 565}} width="1324" height="1046" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkm.png" />
</Frame>

The card displays in Story Presentation Mode.

<Frame>
  <img alt="Screen_Shot_2022-10-06_at_6.34.38_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/9GmyphKXosOtxL2U/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkc.png?fit=max&auto=format&n=9GmyphKXosOtxL2U&q=85&s=fafa31976ed4c33f715f1a31edc0b51d" style={{width: 715, height: 388}} width="5462" height="2964" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkc.png" />
</Frame>

**Tables**

In Story Presentation Mode, you can use the <InlineImage src="/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXke.png" /> **Zoom in/out** buttons to make dense tables easier for your audience to read.

<Frame>
  <img alt="table_zoom.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/9GmyphKXosOtxL2U/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkg.png?fit=max&auto=format&n=9GmyphKXosOtxL2U&q=85&s=12c1de327a24473b9fc4a85033cbcaf7" style={{width: 491, height: 368}} width="2190" height="1642" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkg.png" />
</Frame>

#### Control Rail

In Story Presentation Mode, visualization cards display with a control rail to the right of the chart. The control rail contains four buttons and three columns— **Controls**, **Segments**, and **About**.

<Frame>
  <img alt="spm_panel.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/9GmyphKXosOtxL2U/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkd.png?fit=max&auto=format&n=9GmyphKXosOtxL2U&q=85&s=d0a6ea5941eefe29a13657b416a3e8ca" style={{width: 253, height: 430}} width="544" height="926" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkd.png" />
</Frame>

**Buttons**

This table describes the buttons in the control rail.

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:208;a"><thead><tr><th colspan="1" rowspan="1"><p> Button </p></th><th colspan="1" rowspan="1"><p> Description </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><img alt="Filters_icon.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkq.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=3997e727ec78207331386aee32673084" style={{width: 52, height: 51}} width="45" height="44" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkq.png" /></td><td colspan="1" rowspan="1"><b> Filters — </b> Add Filters to your card. </td></tr><tr><td colspan="1" rowspan="1"><img alt="show_hide_controls.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkh.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=64b9bff6a0ca82a1bf5f8f2e211509b9" style={{width: 52, height: 52}} width="44" height="44" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkh.png" /></td><td colspan="1" rowspan="1"><b> Hide/Show controls — </b> Hide or show the control rail to the right of the chart in Story Presentation Mode. The default when you open Story Presentation Mode is that the controls are showing. </td></tr><tr><td colspan="1" rowspan="1"><img alt="card_options_spm.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXki.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=e838246ada74e2a9c3356ae372a600a8" style={{width: 52, height: 51}} width="46" height="45" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXki.png" /></td><td colspan="1" rowspan="1"><b> Card options — </b> View the card options to share, export, go to card Details, open with Analyzer, or go to the DataSet. </td></tr><tr><td colspan="1" rowspan="1"><img alt="Screen_Shot_2022-10-06_at_1.12.53_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkp.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=9838ae71393cd26ab5fb86ec872ed242" style={{width: 52, height: 52}} width="96" height="96" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkp.png" /></td><td colspan="1" rowspan="1"><b> Close — </b> Close Story Presentation Mode and return to the same place on the dashboard where you were when you entered Story Presentation Mode. </td></tr></tbody></table>

**Controls column**

<Frame>
  <img alt="Screen_Shot_2022-10-06_at_1.32.05_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkj.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=5df8af7f2c9d4d43a4b4a835a975f3e1" style={{width: 153, height: 416}} width="510" height="1340" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkj.png" />
</Frame>

The **Controls** column contains any Quick Filters or Variables that have been added to the card. You can interact with the controls and collapse or expand them.

To learn more about Quick Filters, see [Adding Filters to Your Chart](/s/article/360042924074).

To learn more about Variables, see [Variables Overview](/s/article/7903767835031).

**Segments column**

The **Segments** column allows you to compare up to three segments or subsets of your data. If there are multiple segments, you can search to locate the one(s) you need.

<Frame>
  <img alt="Screen_Shot_2022-10-13_at_10.36.57_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkl.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=dcb1328007217ca3b672de17814add17" style={{width: 234, height: 216}} width="496" height="458" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkl.png" />
</Frame>

**About column**

<Frame>
  <img alt="about_column.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXko.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=955f917ffefdf0ac43f8ed7483a279cd" style={{width: 174, height: 353}} width="478" height="860" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXko.png" />
</Frame>

The **About** column contains the name of the card's owner, the name of the DataSet and when it was last updated, a link to the data's lineage, the card view count, and the date and time the page was last synced.

#### Presentation Controls

At the bottom of the screen in Story Presentation Mode, you can access the presentation controls.

<Frame>
  <img alt="Screen_Shot_2022-10-06_at_1.42.26_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/DfXQTn5UA-Ig8rT5/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkk.png?fit=max&auto=format&n=DfXQTn5UA-Ig8rT5&q=85&s=0933574429cb4377203740911edf75f4" style={{width: 214, height: 72}} width="340" height="122" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkk.png" />
</Frame>

**Next card/previous card**

Selecting the **Next card** or the **Previous card** arrows moves you through the cards on the dashboard.

**Card list**

Selecting **Card list** displays a panel with all the cards on the dashboard so that you can quickly move to a particular card without having to scroll through all other cards on the way.

<Frame>
  <img alt="card_list.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/9GmyphKXosOtxL2U/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkb.png?fit=max&auto=format&n=9GmyphKXosOtxL2U&q=85&s=9d93f542c3d3684da8ea8f34bd06a32a" width="2498" height="440" data-path="images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXkb.png" />
</Frame>

To exit the **Card list**, select <InlineImage src="/images/kb/ka05w000001240n-00N5w00000Ri7BU-0EM5w000005vXka.png" /> **Close**.

**Video - Story Presentation Mode**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/VUc2Y9DFYdE" width="560" />
