Skip to main content

Add a Medium Layout

The VertiGIS Studio Mobile Quickstart comes with a small and large layout. This tutorial will walk you through creating a medium form factor layout.

Prerequisites#

Check out and setup the VertiGIS Studio Mobile SDK Quickstart project.

Create the Layout File#

Add a new file layout-medium.xml to the platform agnostic project.

Copy the content from layout-large.xml into the layout-medium.xml.

Include the Layout File in each project#

Add the layout-medium.xml file as an asset to each project.

Android#

  1. Add the existing file layout-medium.xml as an link to the Assets folder.
  2. Ensure the build action for the file is AndroidAsset

iOS#

  1. Add the existing file layout-medium.xml as an link to the Resources folder.
  2. Ensure the build action for the file is BundleResource

UWP#

  1. Add the existing file layout-medium.xml as an link to the Assets folder.
  2. Ensure the build action for the file is Content

Reference the Medium Layout in the app.json#

Add the new layout as an app item to the app.json that references the medium layout.

{    "$schema": "..\\..\\ViewerFramework\\app-config\\mobile\\mobile-app-config.schema.json",    "schemaVersion": "1.0",    "items": [        ...        {            "$type": "layout",            "id": "tablet-layout",            "url": "resource://layout-medium.xml",            "tags": [ "medium" ]        },        ...    ]}
tip

An easy way to test your new layout when developing on a Windows Device is to temporarily remove the small and large layouts from your app.json.

Next Steps#

You now have a medium layout defined for your application. Learn more about how layout works and customize this new layout to be optimized for a tablet screen size.