Show Menu

Introduction to Interactive Communication authoring UI

An introduction to the various user interface elements you can use to author Interactive Communication
The user interface for authoring Interactive Communication is intuitive and provides the following for authoring print and web channel of the Interactive Communication:
  • WYSIWYG drag-and-drop document editor
  • Integrated repository for assets - the assets uploaded to and created on the server are available in the Asset browser of Interactive Communication authoring interface
When you create a new or edit an existing Interactive Communication , you use the following user interface elements:
A. Sidebar B. Page toolbar C. Content area

Component toolbar

When you select a component, you see a toolbar that lets you work with it. You get options to cut, paste, move, and specify properties of the components. Your options are:
A. Configure : When you tap Configure , component properties are visible in the sidebar.
B. Edit Rules : When you tap Edit Rules, Rule Editor appears in which you can edit and create rules for the selected component. In Rule Editor, you can also select other form objects (components) and edit/create rules for those form objects.
C. Copy : You can use the copy option to copy a component and paste it in other places in the Interactive Communication.
D. Cut : You can use the cut option to move a component from one place to another in the Interactive Communication.
E. Delete : Lets you delete the component from the Interactive Communication.
F. Insert Component : Lets you insert a component above the selected component.
G. Paste : Lets you paste the component you cut or copied using the options described above.
H. Group : Lets you select multiple components if you want to cut, copy, or paste more than one component together.
I. Parent : Lets you select the parent of a component.
J. More : Provides more options to work with the selected component.
  • View SOM Expression (for panels only)
  • Group Objects In Panel (for panels only)
  • Edit Fragment (for fragments only)
  • Save a panel as fragment (for panels only)
  • Add child panel (for panels only)
  • Add panel toolbar (for panels only)
  • Replace (not for panels)

Page toolbar

The Page toolbar on the top provides options that let you preview the Interactive Communication and change its properties. You can preview the Interactive Communication when you author it, and make changes accordingly. In the page toolbar, you see:
  • Toggle Side Panel : Lets you show or hide Sidebar.
  • Page information : Lets you view page properties.
  • Emulator : Lets you emulate the look of your Interactive Communication for different display sizes such as tablets and phones.
  • Edit: Lets you select other modes such as: Edit, Style, Developer, and Design.
    • Edit: Lets you edit the properties of the Interactive Communication and its components. For example, adding a component, dropping an image, and specifying mandatory fields.
    • Style: Lets you style the appearance of components of your Interactive Communication. For example, in style mode, you can select a panel and specify its background color.
    • Developer: Lets a developer to:
      • Discover what Interactive Communication is composed of.
      • Debug what is happening where and when, which in turn helps to resolve issues.
    • Target: Lets you enable or disable custom components, or out-of-the-box components that are not listed in the Sidebar.
  • Preview: Lets you preview how the Interactive Communication looks when you publish it.