Chris Van Wingerden

avatar

Chris Van Wingerden

264 Projects   ●   523   ●    6  

No projects found

There are no projects that fit your search criteria.

thumbnail gifthumbnail image
2021-05-07

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 responsive 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.

52   0
0    
0   0
thumbnail gifthumbnail image
2021-05-07

Flow pages have no fixed height. You can add as much content as you need or want.

This means you can use scrolling as a design experience.

You see this in many modern websites, or even in social media apps where scrolling is the basic way of navigating content.

This lesson shows how to add a Blank section layout to a Page.

49   0
0    
0   0
thumbnail gifthumbnail image
2021-05-07

Adding a background image to a Section on a Flow page is a great design idea. But images are often very complex visually and it can be hard to read text over them.

One way to help the text be more readable is to add a background color with a transparency setting to the text. The background helps the text stand out against the image while the transparency means the image can still be seen behind the text, providing an effect of added depth to your page.

In this lesson we’ll add a transparen...

44   0
0    
0   0
thumbnail gifthumbnail image
2021-05-07

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 ...

57   0
0    
0   0