Edit content in a Tab Set component in Flow

Steps to edit the content in a Tab Set component.

Steps to edit a Tab Set component.

Use Tab Sets to display information in a tabbed layout. Tab Sets are available in a variety of orientations for you to choose from. All types can be formatted and styled for numerous appearances and behaviors.

Notes:
1. There is a publishing profile option that allows you to turn on or off completion checkmarks for tab sets and accordions. See the article: Publishing Profile Options for more information.
2. When in Essentials, only a limited amount of Opti...

Steps to Edit the Timeline Component in Flow.

Use Timelines to create a graphical representation of information that is displayed sequentially along a vertical line. This lesson covers editing of the Timeline Component Content.

Note: Timelines are only available in Flow.

Steps to Edit the Node in a Timeline component in Flow.

In a Flow page, the height of a Section is set by the height of the content it contains by default.

You can override that default height, though, and tell the Section to behave as if its height is a ratio based on the height of the browser window it’s being viewed within. Along with that height setting, you can set the content within the Section to align within the Section’s height. It’s a great design idea for creating a dramatic full-height Section on your page.

In this lesson we’ll set ...

Editing text in a text element is almost exactly the same in Flow and Claro.

In both modes you double-click on the text element to be able to enter. When you're finished your edits you select either another element or a blank area of the page to leave the text element. At that point the changes you made will be saved.

In this example we change the default text in two elements previously added to the Flow page by adding a Section.

Steps to edit text in a Text Element.

The changes you make are saved once you leave the Text Element.

Steps to add a Tab set component from the Engage tab to an empty Placeholder on a Flow Page.

Engage components have their own internal responive behavior when used in Flow pages. Tab sets, for example, can change from a horizontal tab set to a vertical accordion menu based on breakpoint. This provides a better user experience on a narrower screen such a smartphone held in portrait orientation.

Tips for controlling the display and design of Sections with Dividers

A simple design element to control vertical spacing