Edit the Layout and App Config
important
This tutorial assumes you are using windows and can run the Universal Windows Version of Geocortex Mobile.
Many changes to Geocortex Mobile will require editing the layout and app config for your custom application. The app config (app.json) and layout files (layout-*.xml) are contained in the shared platform agnostic project. Each platform specific project links to these files as an asset or a reference, so editing the files in the platform agnostic project will change them for all platforms. Check out layout and app config to learn more about configuring Geocortex Mobile with these files.
Prerequisites
Check out and setup the Geocortex Mobile SDK Quickstart project.
Simple Layout with a Map
Replace the layout in the layout-large.xml file and the app config in the app.json file with the content below.
Set App1.UWP as your startup project. Build and run Geocortex Mobile and ensure only a plain map appears.
- Layout
- App Config
- UI
Add Buttons
We can now add some buttons and populate them with some simple commands.
- Add two
<button>components to your layout. - Link the buttons to commands defined in the app config.
- Layout
- App Config
- UI
You've now accomplished the basics of building a Geocortex Mobile Application using layout and app config. By using components in the layout to compose the visual structure of your application, and app config to describe behavior, you can create highly customized interfaces with custom behavior.
Relevant SDK Samples
Check out the relevant Geocortex Mobile SDK Samples:
Next Steps
Create a Custom Component
Learn how to create a custom component with the SDK
Deploy your Custom Layout and App Config
Deploy your custom layout and app config to a Geocortex Mobile Application
Learn More About Layout and App Config
Check out the concepts to learn more about the layout and app config
Explore the Tutorials
Check out the the various tutorials on configuring Geocortex Mobile