[Levelbuilder] Adding Preloaded Design Elements in App Lab

Adding Preloaded Design Elements to an App Lab Level

1. Create your design elements on a regular App Lab Level.

2. While still on this level, open the developers console in your browser.

   • Chrome/Firefox: Ctrl + Shift + I, or right click on the page and click Inspect/Inspect Element
   • Safari: Options + Cmd + C, or open it from the Menu. If you don’t see it in the menu, open Safari > Preferences, and click on the Advanced Tab. You can add it to the menu here.

3. Type copy(Applab.getHtml()) into the console and hit enter. You will not see any output; however, the design HTML should now be copied to your clipboard. You can test this by pasting it back into the console to double-check.

4. Open the level that you are editing in Levelbuilder and find the box that says "Starting Design Mode HTML"

5. Copy and paste the HTML from step 3 here and save the level.

Before you celebrate your changes, reset the version history to make sure the design elements were actually loaded.

Now you can celebrate!