No projects found

There are no projects that fit your search criteria.

thumbnail gifthumbnail image
2019-02-20

Adding a background 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 so the effect is added depth to your page.

In this lesson we’ll add the transparent backgroun...

133   0
0    
0   0
thumbnail gifthumbnail image
2019-02-20

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 template to a Page.

57   0
0    
0   0
thumbnail gifthumbnail image
2019-02-20

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.

32   0
0    
0   0
thumbnail gifthumbnail image
2019-02-20

Steps to assign the value of a Text Input box to a variable so it can be saved and used later in a course or other project.

In this example, we've previously added the Text Input box to the page.

dominKnow | ONE doesn't automatically create a variable and assign it to the Text Input box because we can't predict what your design intention is. You might wish to use a variable already created on another page in the same project, for example, or you may not even wish to save the typed-in text a...

14   0
0    
0   0
thumbnail gifthumbnail image
2019-02-15

Steps to add a Glossary definition to a word. Learners will see the word underlined. When they roll over the word, a shortened version of the definition will be shown. If they click the word, a full definition will be shown in a Pop Up panel above the page. For courses, the term will also be added to the course's Glossary list available on the Menu of the Course Player.

276   0
0    
0   0
2019-02-13

Following up on last year's conversation about the differences between ISD in Higher Education and ISD in Corporate/Enterprise environments, Cara North joins the conversation for the second time. Also going over the amazing interactive presentation she gave at TLDC19 that is so highly rated. It's a mystery... so you'll have to join us to learn more.

1 min read
12   0
0    
0   0
thumbnail gifthumbnail image
2019-02-11

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 new height. It’s a great design idea for creating a dramatic full-height Section on your page.


In this lesson we’ll s...

145   0
0    
0   0
thumbnail gifthumbnail image
2019-02-11

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.

343   0
0    
0   0