Here's a link to the new user guide instructions on building a thumbnail menu:
Create a Page Menu

The thumbnail menu is not available in InteractBuilder 3 yet, but there are some features of IB3 that make it easier to make your own custom page menu.

You can use the ShowGroup and HideGroup behaviors to toggle the page menu using a button (two graphic elements) on each page. So if you assign a group number to each thumbnail and to the element behind the thumbnails, this will make it easy to toggle the menu.

For the area behind the thumbnails, you can use a rectangle shape element or an image that you design.

To the element behind the thumbnails and to each thumbnail, add a Drag-Move (Self) action set, adding the constraints that go with each one. Then add the Drag-Move action sets to move all the rest of the elements in the group.

On each thumbnail, add a TapEnd-Jump action set that goes to the page it represents.

If you create one page with only the page menu and add all action sets, then you can save this page as a template and then apply the template to the other pages.

We'll be adding this to the user guide soon, so I'll post a link once it's complete. Let me know if you have any questions : )

For now, I would suggest combining a frame animation with a transition animation so that the frame element itself can be small but still move across the screen while it animates.

(Also, just to add -- you do have the option to create a separate version if you want. You can duplicate your app in the Manage screen and then change the size of the app in the app settings, and make adjustments to that version)

Oh, sorry, I described the left constraint incorrectly -- it should be 1024 minus the width of the element -- so in this case it would be negative 1049. If you select the left constraint and click the plus/minus button to switch it to a negative value, it looks like it should work.

When you get the error, are you selecting the audio from your files or from the audio files that are already in the app (from the list in the screenshot)?

At this point, it's not possible to color under the element that shows the lines. One thing I could suggest for making the lines on top of the colors is creating a toggle for showing and hiding the outlines. The image on which the user draws can have a faded outline to give the user an idea of where to color, and when you tap a certain button, you can display the real outlines on top of the coloring area. Then toggling it back (or maybe selecting a drawing color or drawing width) can automatically hide the final outlines.

To change the color, you can create a color menu with an element for each color you'd like to use and add the Tap-SelColor action set to each one, with the color specified.

Another option is to use the default color picker instead of creating a menu of colors. One element can have the Tap-SelColor action set but with the "Selected Color" field set to "User Selectable."

Hi Anita,
Here's what I would recommend:
1. Add a Drag-Move (Self) action set to the wide image, and include constraints -- Bottom: 0, Top: 768, Left: (width of the element minus 1024), and Right: (width of the element). This will allow you to slide the element left and right.
2. Then another Drag-Move action set but using one of the clickable elements as the target. This time it doesn't need any constraints.

If the clickable elements are pretty big and it's possible that the user might drag the image by dragging one of the clickable elements, then for those elements add Drag-Move action sets as well, this time starting with Drag-Move (Self) and adding the proper constraints, and then continuing with Drag-Move action sets that would move the wide image and the other elements.

In this case, make the other behaviors happen upon TapEnd instead of upon Tap, so that they happen when an element is touched without being dragged.

Feel free to let me know if you'd like more information or a small sample app.

One way to do this would be to add the following action sets to the tappable elements that interrupt the narration:

Tap-PauseAudio (Target: the narration audio)

Chained after this behavior: -PlayAudio (Target: the audio that the tappable element should play)

Chained after the behavior above: -PlayAudio (Target: the narration. Behavior options: Delay before: enter the amount of time the sound effect will take)

That's great! Happy Holidays to you too!