Sections in a Flow page aren't limited to just straight-line edges.
You can use Section Decorations to add interesting visual effects such as a jagged line or angled line between Sections.
You can add decorations to an existing Section, or add them as Sections of their own.
Section Decorations will only be seen on the page if the adjoining Sections have different Section background colors.
For example, for a bottom decoration to be seen, the Section it is added to must have a different background color than the Section below it.
To add a Decoration to an existing section on a Page, you can work from the breadcrumb above the Stage or from the Container Inspector on an Element.
From the Breadcrumb:
From the Container Inspector:
A panel will open showing the options for Top and Bottom Decorations.
Select an option (or two if you want Bothe Top and Bottom decorations).
The change will be made on the Stage and you can navigate away from the panel.
When you are adding Sections to a Flow page, there are different ways to add a Section with a preset top or bottom decoration.
If you are on a Blank Page:
If you are working on a page with content already added:
These options add a Section to your page with a top or bottom decoration that is a shaped extension of the Section's background fill color.
You can use them on their own or you add more content to them.
You can add more elements into the default Group in the new Section.
>> Adding an Element to an existing Group on a Flow Page
You can also add more Rows to the Section.
It's easy to change the style of top or bottom decorations on a Section.
You can use the same steps as listed above for adding a decoration to an existing section.
From the Breadcrumb:
From the Container Inspector:
The panel will open showing the options for Top and Bottom Decorations.
Select a different option (or two if you want Bothe Top and Bottom decorations).
The change will be made on the Stage and you can navigate away from the panel.
Tips for controlling the display and design of Image Banner, Image & Text and Image & Motion sections
Add visual design as well as completion control to Flow pages using Spacers, Line, Numbered and Completion Dividers
Quickly and easily add Elements to a Claro page or Sections to a Flow page
Steps to change the top or bottom dividers on a Section in a Flow Page.
For this lesson the page has a Decorative Header section added to the top of the Page from from the Add Your First Section options on a blank page plus a second section added below that.
Any Section on a Flow page can have top and/or bottom decorations, so you can use these steps to add top and bottom decorations on any section. (In general sections added to a Flow page have the top and bottom decorations turned off/se...
A simple design element to control vertical spacing
Settings available on the Options tab for audio files, timing events to a narration file plus the ability to set actions based on the audio file completion
Tables are a great way to organize data or information, especially for comparison purposes.
A very dramatic responsive design idea is to use an image as the background behind a section.
If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.
This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.
Understanding the Size controls can help you customize responsive behavior and layout designs
List elements offer more visual design and animation options than bullet lists within Text elements
Confirm
Comments ( 0 )
Sign in to join the discussion.