Copying your app project to multiple layouts is easy. With a few steps, you'll be able to copy your app design from iOS to Android, or from phone to tablet. Here's how to do it.
a. Click on your project from your account dashboard.
b. Hover over your project’s icon and click the settings gear in the upper right hand corner.
c. In your project’s settings under Layouts, you can add or remove additional device layouts to your project. You'll see your existing layouts above the line. Below the line in the blank box dropdown is where you will select which operating system, device size, and display type to add.
Once you have selected something for each dropdown, click the green + button to add it to your project. Make sure to click “Save” when you are finished.
a. On your project build page, you will see the device layout drop down. This is where you can navigate between device layouts, previewing all of your project screens at once.
a. Start with copying all of your Master Pages.
b. Select a master page and choose “Edit.”
Note: You can see all keyboard shortcuts by selecting "Help" in the top right of your dashboard, then "Keyboard Shortcuts." Our documentation assumes you're using a Mac - if you're on Windows, simply use "Ctrl" instead of "Command" for keyboard shortcuts.
In the studio, press "Command + A" to select everything on the page. Or, in your layers panel, select all of the layers by holding shift. Then press "Command + C" to copy everything selected.
d. Next, from the top tool bar in the studio, select the device layout from the dropdown that you would like to copy your page content to. The page you are currently on will be highlighted in blue.
e. On the new device layout (which should be a blank screen) press "Command + V" to paste all of the content you just copied. If the content needs to be adjusted to fit, do so.
f. Continue to move through each device layout from the dropdown and paste the content.
g. When finished with Master Pages, move to your app content screens.
e. Copy each content screen over to every device layout desired, following steps b - f above.
a. When you are finished copying your project to all device layouts, review every page in your project, including your Master Pages.
b. Look at your Page Information panel to make sure that every page on every device is set to the correct Master Page.
c. Hotspot destinations should copy over when you are copying finished content, but check all Hotspots to make sure they are set correctly. You can do this by selecting a Hotspot and viewing the Action Panel.
a. If you receive a “Missing layout error” on any page when previewing on either device, go to your project and make sure that every page on every device type has content on it. A “Missing layout error” means there is no content on the page you are trying to view.
b. If it seems as though a Hotspot is not working, review the Hotspot on every device layout, and make sure it is set to transition to the correct page.
NOTE: If you make changes to a Hotspot or a Master Page on any device layout, you MUST make that same change on every device layout.