Introduction to Learning Interactions Tutorial > Modify a Fill in the Blank interaction > Arrange text and graphics

 

Arrange text and graphics

To give the interaction a consistent look, you'll modify the text fields, move the graphic representation of the input text field, and add an image to the interaction.

1

With Frame 3 of the Interactions layer selected, use the Pointer tool to select the Your Question Will Appear Here text. As you did with the previous interaction, make the text 14-point Arial bold. Give the text an x coordinate of 10.7 and a y coordinate of 14.5.

2

On the Stage, select the instance of Field_Background, with the text that states "Enter your answer here," and place it so that x = 11.1 and y = 45.1.

3

The actual input text field appears on the Stage bounded by dotted lines. Drag the input field within the Field_Background instance.

4

Drag Camera_top.png from the Images folder in the LearningAssets.fla library to the Stage. Place the image below the input text field.

5

Drag 125_glow.png from the images folder in the LearningAssets.fla library to the Stage. Place the image over 125 on the camera's shutter speed selector.

Note: As you complete the tutorial, remember to test and save your work frequently.