Loading...

Flip-Box

What is a flip-box? How can I use one?

Goal:

Goal:

A flip-box is an area of text that, when clicked, “flips” over to reveal a shaded box containing additional content, such as a prompt, sample answer, or an explanation. Once a student clicks a flip box, it will flip to the back but the student can click again to see the front, as often as needed. Usually, the area that is clickable is also shaded a slightly different color.

The front and back of a flip box can contain images in place of--or along with--text. However, one thing to keep in mind when deciding to use this interactive is that the front and the back of the box will be the same size, so the amount of content on each side should be similar. If using images, they should be rather small.

The text that appears above a flip-box should direct students to click the designated area or box and should ask a question or provide direction about what students should think about before they click the box--and perhaps after they read it. (Alternatively, these directions can appear on the box itself.)

Math Sample

Using the example below as a model, how would you complete the following? Try to complete the examples shown and then click on the problem to see the answer.

(Washington, George)

(Obama, Barack)

How did you do? We are naming the United States Presidents.

See if you can name the next two, and name what is so special about these two.

Sample Formatting

How was this content formatted so that we can develop the content correctly?

Using the example to the right as a model, how would you complete the following? Try to complete the examples shown and then click on the problem to see the answer.

[insert example text]

(Washington, George), (Obama, Barack)

[end example text]

[insert flip-box set]

[box 1]
Front: (Reagan, a )
Back: (Reagan, Ronald)

[box 2]
Front: (Lincoln, b )
Back: (Lincoln, Abe)

[end flip-box set]

How did you do? We are naming the United States Presidents. See if you can name the next two, and name what is so special about these two.

[insert flip-box set]

[box 3]
Front: (Roosevelt, c )
Back: (Roosevelt, Theodore & Franklin)

[box 4]
Front: (Johnson, d )
Back: (Johnson, Andrew & Lyndon)

[end flip-box set]

Examples

Social Studies 1 Sample

 View Sample

Spanish 2 Sample

 View Sample

Customizable Content

Below are the suggested specifications for using images and interactive components within this interactive.

Note: The latest version of the flip-box interactive has the ability to flip back and forth, reducing the need for repeat content on the front and back of the cards.
*Samples shown on this page may be the previous version of the flip-box interactive that only allow one flip.

Optimization
Constraints:
  • 1-10 cards
  • Ideal for small-medium amounts of content.
  • Images should all be roughly the same size and orientation.
Students should be able to clearly see any images used on each flip-box. If larger or more detailed images are needed, consider an alternate interactive.
Nested Interactives?
No. Image and text based content only.
Audio/Video?
No. This interactive is not compatible with audio or video clips inside the interactive elements.

Note: Interactive requests are subject to change, based on content type, image size and usability.

Formatting Template

To use a flip box in one of your lessons, copy and paste the text shown below, and replace the placeholder text with your own.

[insert flip-box set]

[box 1]
Front: front content
Back: back content

[box 2]
Front: front content
Back: back content

[box 3]
Front: front content
Back: back content

[end flip-box set]