Set an Element to Hide At a Breakpoint in Flow

Flow allows you to control what content on your page gets shown at different breakpoints. It’s quick and easy to Hide content this way.

In this lesson we’ll set a graphic to be hidden when the page is viewed within the Extra Small breakpoint range.

Steps to change the Responsive behavior of a Section on a Flow Page.

In this example, we have a section that has a Header element and two body Elements.

We can set the body elements to switch to vertical orientation the Extra Small breakpoint range or at the Small breakpoint range.

When designing content, you may change your mind. What happens when you have a two column layout but you want a three our four column design instead?

You can have Elements on any Page targeting multiple learning audiences or contexts

Enjoy quick access to menu items, the container inspector options and more!

Steps to set a text element to center-align its text at a specific breakpoint.

Understanding the Size controls can help you customize responsive behavior and layout designs

Scenario:

We're using a single in-line text input field with an associated variable (per screen) instead of the standard Short Essay question template (we have reasons for not being able to use the template, mostly to do with being unable to disable the default template pop-ups)
We want to have feedback displayed when a custom Submit button is clicked and we want that feedback to stay visible even after they navigate away and back to the screen. This is so they don't have to click on the S...

I set some elements to change at a certain breakpoint using the Change At feature in the top right corner of the Flow screen.  How do I REMOVE them from the elements??  We're teaching a new set of Authors soon and I know this question will come up. I don't have an answer. Thanks!!
 

Clarofy allows you to set different levels of permissions for your projects depending on the projects status and/or intended audience. All newly created projects, except for questions, open in Draft by default.