Skip to content
English
Contact Us
  • There are no suggestions because the search field is empty.

Add Buttons to a Replica

Adding a button to a Replica in Replica Maker makes an area of the screen clickable, and this article shows Content Developers and Instructional Designers how to create one and how to copy buttons across screens that share a layout.

 How do you create a button?

Step
Action
1 Open the screen in Replica Maker. If you have just converted screenshots to Replicas, the converted screens open in Replica Maker for you. Otherwise, go to your Learning Program's Screen Library, click the ... menu on the screen you want, and select Edit.
2 Select the Button Add tool, the hand icon, in the Replica Maker toolbar.
3 Click and drag over the area of the screen you want to make clickable. A button outline appears.
4 Skyllful names the button for you. The ID field fills in automatically with a name that starts with "btn," usually taken from the content under the button.
5 Click Update to save the screen, then Close.
buttons_create-a-button (1)buttons_create-a-button (1)

Creating a button: select Button Add and drag over the area. Skyllful fills in the ID. The recording stops before the final Update.

Note: Every button name starts with "btn," which is what makes buttons easy to pick out in the Lesson Builder's control lists. You can type your own name in the ID field if you want something more descriptive, such as btn-searchBar, but the automatic name works exactly the same way. Keep the "btn" prefix if you do rename one.

How do you copy buttons to similar screens?

Step
Action
1 In Replica Maker, select each button you want to copy, then press Ctrl + C.
2 Open the other screen and press Ctrl + V to paste the buttons.

Each pasted button keeps the position it had on the screen you copied it from, which is what makes this quick for a set of screens that share a layout. If the ID is already in use on the destination screen, Skyllful adds a numeric suffix so the two do not collide.

What happens next?

A button on a Replica is a clickable area, nothing more, until it is added as a control on a Lesson step. That work happens in the Lesson Builder. See Modify Lesson Steps for adding controls to a step.

What if a button does not work?

If the edit icons for a screen are greyed out, the screen is part of a published lesson and cannot be edited until that lesson is unpublished. Hover over the icon to see which lessons use the screen.

For anything else, contact your Local Administrator first. If your Local Administrator cannot resolve the issue, submit a case through the Skyllful support portal.

Skyllful Knowledge Base | Content Developers, Instructional Designers