Open topic with navigation
The objective of this tutorial is to introduce you to the basic actions required to use the Geocortex Mobile Designer and Geocortex Go to build your first app.
The tutorial walks you through the following:
For this tutorial, you need:
Access to the Geocortex Mobile Designer.
The Geocortex Go app installed on the device you plan to use to review your changes. For installation instructions, see
ArcGIS login credentials for either an ArcGIS Online or ArcGIS Enterprise account.
Go to https://apps.geocortex.com/mobileviewer/designer/.
Click Let's get started!
Use your ArcGIS credentials to log in.
Geocortex Mobile Designer opens.
In Geocortex Mobile Designer - also called Mobile Designer - in the New section, click Mobile Default.
The default template opens.
The template contains all the basic components you need for a GXM app.
Let's save it under the name we want to call the new app.
In the taskbar, click File, and then click Save As in the panel that opens.
In the Title box, type in the name you want to give your app, and then click Save.
Your new app opens in the Mobile Designer with the name of the new app now in the title bar.
The basis for all GXM apps is an Esri web map. So the first thing we need to do is tell Mobile Designer which web map we want to use and link to it.
When the Map panel opens, click Select.
The Select Items window opens.
You can type in the name of the web map and click Search, or change the filter from My Content, to Shared With Me or Public and then browse to find the map you want.
When you find your web map, click it, and then click Select.
Click File | Save.
Before we go any further, let's take a look at the new app in Geocortex Go.
On the device where you installed Geocortex Go, open the app and sign in using the same ArcGIS account that you used for Mobile Designer.
The screen displays a list of all the apps that you have permission to view.
Click the white box that has the name of your app.
Your new app opens in Geocortex Go and shows the map with your location showing as a blue dot.
You can explore the interface.
For more information about the elements of the UI, see Geocortex Go UI.
Let's make a simple change in Mobile Designer and then take a look at how it immediately takes effect in Geocortex Go.
In the Accent Color drop-down, select a different color from the default blue.
Click File | Save.
Return to the Geocortex Go app and open the I want to menu.
Click Refresh App to load the change we just made.
The changes appear immediately.
You can now make any changes to your new app that you want to by following these basic steps; make a change in the Mobile Designer and then preview the change in Geocortex Go.
The Geocortex Mobile license includes an entitlement to use Geocortex Workflow. The ability to add a workflow to an app is a useful feature, so we are going to create a simple workflow and add it to the new app.
To add a workflow to a GXM app:
To open Workflow Designer, do one of the following:
If you are using the SaaS version of Mobile Designer - at the bottom of the toolbar, click the product icon to open the panel, and then click Workflow. Log in using the same credentials you used for both Mobile Designer and your Esri web map.
In the Toolbox on the left, scroll down until you find Display Form activity.
Drag the Display Form activity out of the toolbox and onto the work area beneath the Start box.
When you drop the activity, a Display Form dialog appears for you to configure this new activity.
For now, ignore the Display Form dialog and double-click the green Display Form box so that we can edit the Form Title.
Click the Form Title text and in the Title box in the Header section, type My GXM Workflow.
As you type, the words are added to the Display Form title.
From the Toolbox on the left, drag the Text control onto your Display Form.
This text will display when you run the workflow inside your new app.
Click File | Save in the side panel, and then in the Title box, type a name that's easy to remember; My GXM Workflow.
To add the workflow to your app in Mobile Designer:
In Mobile Designer, in the Configure Components panel, click I Want To Menu, and then click +Add Menu Item.
Click Select Icon and choose an icon to be displayed beside your menu option in the I want to menu.
In the Command box, delete the existing text and start typing "run".
When the Run Workflow option appears, click it.
The Select Items dialog opens and displays your workflows. You can change the list to display workflows Shared With Me or Search for the name of a workflow.
In Mobile Designer, click File | Save to save the workflow option to your new app.
Return to Geocortex Go and in the I want to menu, click Refresh App.
The map refreshes.
The new workflow appears in the I want to panel as a new option.
When you click the new option in the I want to menu, you see the text you added to your workflow.
You have successfully created a new GXM app using Mobile Designer and Geocortex Go and even added a workflow to the app.