---
schema_version: "1"
id: 194d2ceda38ae5f568609608bdd3d2c996e0ebef48ce8d1be9569d088cee7514
title: StoryOngoingState LWC Card Template (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_storyongoingstate_lwc_card_template.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_storyongoingstate_lwc_card_template.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 226f010f6dc379bf5e37bd9cf6ab10fbcb23f0fe775d38711b018bf5b899d961
description: For the managed package runtime, this page contains the StoryOngoingState LWC Card Template ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# StoryOngoingState LWC Card Template (Managed Package)

For the managed package runtime, this page contains the StoryOngoingState LWC Card Template ReadMe for each Vlocity release.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19

The _StoryOngoingState LWC Card Template_ displays the story item. The layout includes an icon, a title, a subtitle, and fields in two columns. The icon displays in the first column, while the title, the subtitle, and fields display in the second column. The fields are displayed inline. This template has flyout functionality.

## Available StoryOngoingStateFeatures

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d87108e62">
              <p style="margin-bottom:0;">Feature</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d87108e68">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e62 ">
              <p style="margin-bottom:0;">icon</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e68 ">
              <p style="margin-bottom:0;">By default, the icon is the sObject type. If there is no SLDS icon associated with the sObject, you can define one with a card session variable using the <code>iconName</code> attribute. For example, to define an icon for the 'Order' sObject, set <code>iconName</code> to <code>standard:orders</code>. See <a href="https://lightningdesignsystem.com/icons/" target="_blank">SLDS Icons</a>.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e62 ">
              <p style="margin-bottom:0;">title</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e68 ">
              <p style="margin-bottom:0;">By default, the story item obj title is next to the icon. Clicking the title takes the user to the story item record page.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e62 ">
              <p style="margin-bottom:0;">subtitle</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e68 ">
              <p style="margin-bottom:0;">By default, the subtitle is the story item obj <code>detailValueMap.Description</code>.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e62 ">
              <p style="margin-bottom:0;">fields</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e68 ">
              <p style="margin-bottom:0;">By default, the fields display inline at the bottom.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e62 ">
              <p style="margin-bottom:0;">flyout</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d87108e68 ">
              <p style="margin-bottom:0;">By default, this template has a flyout. When a user clicks the expand icon, the configured flyout displays in a modal.</p>
            </td>

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