---
schema_version: "1"
id: fb8a7f474d7f0491753b0a361807e64198d7a619f54416a4905a9b4c84915d52
title: Designing and Styling Omniscript (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_designing_and_styling_omniscript.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_designing_and_styling_omniscript.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 634b566457acecfa3b797e6b536e875d045f7272a23d25c9b0fa7687ca625fa4
description: For the managed package runtime, this section explains how to edit the look and feel of your Omniscripts. Design and style your Omniscript by overwriting an element's HTML template, customizing which steps in the form to display, or using images for buttons.
products:
  - Omnistudio
release: "264"
---
# Designing and Styling Omniscript (Managed Package)

For the managed package runtime, this section explains how to edit the look and feel of your Omniscripts. Design and style your Omniscript by overwriting an element's HTML template, customizing which steps in the form to display, or using images for buttons.

![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).

- **[Running an Omniscript in Horizontal Mode (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_running_an_omniscript_in_horizontal_mode.htm&release=264.0.0&type=5)**  
    For the managed package runtime, scripts run in Horizontal Mode display an interactive sidebar.
- **[Use Images for Buttons in Omniscript (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_use_images_for_buttons_in_omniscript.htm&release=264.0.0&type=5)**  
    For the managed package runtime, use images as buttons for both radio and multi-select options in Omniscript.
- **[Line Break (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_line_break.htm&release=264.0.0&type=5)**  
    For the managed package runtime, the Line Break element creates a line break in the Omniscript wherever it exists. Elements placed after a line break start on the next line regardless of another element's width. Place the Line break element directly above the element that should begin on a new line.
- **[Controlling Field Property (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_controlling_field_property_1.htm&release=264.0.0&type=5)**  
    For the managed package runtime, the Controlling Field Property on a Select Element can display Select Field Values based on the selection of another value from a Controlling Select field.
- **[Using Right-To-Left Languages (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_using_right_to_left_languages.htm&release=264.0.0&type=5)**  
    For the managed package runtime, Vlocity supports right-to-left languages using the Lightning Player and via\_core implemented in a separate ".rtl.css" file.
- **[Branding Omniscripts and Cards Using Vlocity Newport Design System (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_branding_omniscripts_and_cards_using_vlocity_newport_design_system.htm&release=264.0.0&type=5)**  
    For the managed package runtime, customize the appearance and behavior of Omniscript elements and Card layouts using the Vlocity Newport Design System. Newport includes Storybook.js, a browser-based preview tool that enables you to see your changes in action.