Configuring Geocortex Web Events in Geocortex Web [Geocortex Tech Tip]

Configuring Geocortex Web Events in Geocortex Web [Geocortex Tech Tip]

Patrick Fingler
Patrick Fingler
Technical Marketing Specialist
July 17, 2020

Configuring Geocortex Web Events in Geocortex Web [Geocortex Tech Tip]

Configuring geocortex web events

Geocortex Web provides you with a powerful viewer framework that includes the ability to add Geocortex Web events. These events are essentially messages that get fired when a change or update occurs in the viewer.

Examples of this could include when the app initializes, changes, or whenever a result is hovered or selected.

There are so many different ways to customize these events, and in this Geocortex Tech Tip, we will show you a few examples of where you can tinker, ranging from simple to more complex real-world examples.

Watch on YouTube.

 Video Transcript

“Hi everyone. My name’s Patrick Fingler and I work on our Technical Sales team, and in this Tech Tip video, we’re going to take a look at how to configure events inside of Geocortex Web, so you can provide a really intuitive UI to your end-users. Let’s dive in!

So, here we are in Geocortex Web and I’m going to show you how you can configure the events that get fired in Geocortex Web to do a variety of different operations to make the user experience better for your end-users.

What’s interesting about Geocortex Web is when you click on a feature or pan the map, there’s events essentially that are registering that user input, and then they’ll be firing a variety of different commands based on that event.

Here for example when I click on a feature there’s an event that fires, which is the map being clicked and then it’s saying, okay if there are features then let’s display some details or results on those features and what’s super powerful is that these events are entirely configurable through our out-of-the-box commands and through Geocortex Workflow.

Let’s go ahead and let me do an identify operation here and select the ‘Results’ component. Now, a variety of components will actually have this ‘Events’ section here. So, let’s expand this. You can see this results list component, which we’re currently seeing here has a variety of events that are getting fired.

There’s the ‘Result Clicked’ – when I click on this result, there’s an event that gets fired which essentially performs this command. This is a Geocortex Web command, and you can find a list of all of the out of the box commands at the Geocortex Developer Center.

So, here you navigate to Geocortex Web go to ‘API Commands Operations and Events Reference’. There’s a list of commands and their underlying inputs and outputs and so on. There you can see this is just the out of the box command that that gets fired, and you can chain these commands to do a variety of different operations kind of simultaneously.

If I go back here and click on a different result, we’re simply just firing this command. Now if I scroll down, you can see there’s a number of different events. So, there’s ‘Results Shown’ when a result has been added to the results list, and here you can see there’s also this ‘Result Hovering’ event. When I hover over each of these results it’s doing this ‘Pulse Highlight’. Again, I’m not a huge fan of this ‘Pulse Highlight’ that’s available within the 4.x Javascript API. I prefer to have a nice highlight being applied. So let’s change this command – and here these are some default commands that we provide you with, but again you can define a custom command using our list of commands in the API – but here I’m going to ‘Add Focus ‘and I’ll click ‘Select’, and what I’ll also do is there’s this also ‘Result Hovered’ event. This gets fired when a result’s mouse-over ends. I’ll also configure this to remove the focus.

Now that I have both of those configured, let’s hover over some results and you can see here rather than doing that pulse highlighting, it’s being nicely configured to highlight each individual feature. As I hover over it. Now here, you can see I used the out of the box commands here, however, if you go to customize, or the option there was the option to apply a custom command you would essentially be given this option, and then here you can start chaining these commands together.

For example,  if we go back up to our ‘Result Clicked’ option, if I add a comma, and hit enter, I can start typing ‘zoom’ for example and I’ll get a list of some of the out of the box command. Here I might want to also zoom to my feature when a result is clicked.

So, now that that’s been implemented, we’ll first display the details and then we’ll also zoom to that feature, and so on if I go back and click on a different feature here, we’ll then zoom to that feature and so on.

There are tons of different events available within Geocortex Web. If I go back, there’s events specific to the result details there’s specific results also that get fired when you’re using the search tool, and you just have to expand them and you can then start customizing and configuring them to match your operations. If we actually navigate to the ‘Map’ here, the map also has different commands available.

If we scroll down, we can expand the ‘Events’ tab and then here there’s events that get fired every time the map is clicked and then you can also configure events every time a viewpoint or the extent has changed and so on, or even when the map is just initialized on startup.

When I click on the map, for example, if I click on this water main here, it’s going to essentially run a series of operations. It’s going to perform and identify and then it’ll display some details and so on. So, there you can see that’s been performed, but what’s really neat is you can also customize this. I could convert this to a workflow. we’ll just call this ‘Tech Tip – Map Identify Clicked’ and click ‘Convert’ and then you have full control of this entire process.

Let’s open this up in Geocortex Workflow. There are activities in Workflow for calling Geocortex commands and operations using the API. Here there’s this ‘Run Operation’ activity and then there’s also commands as well.

If we navigate to ‘Get Inputs’, here we can see the inputs that this workflow is retrieving is going to be the coordinates of the location that the user clicked, and we can confirm this using a log activity. Add a Log and just do ‘$getWorkflowInputs.inputs’ and click ‘Save’.

Let’s go back to Geocortex Web here and you can see now that my workflow is configured. I hit ‘F12’ here and click a point we can see that we’re logging and we’re retrieving the geometry and so on as well as the X and Y coordinates. From there you can do really whatever you want.

A really quick example might be to pan the map to that geometry. So, let’s set our map extent to the geometry that the user selected. I’ll do ‘$getWorkflowinputs.inputs.context.geometry’ and where I’m getting this information from is if we go back to here, you can see here it’s ‘context.geometry’ and that’ll be the geometry again of what the location that the user selected.

We’ll set the map extent to that location, click ‘Save’, and then now when I click on a location, we’re going to pan to that point and so on that’s getting fired every time map is clicked.

I would highly recommend you check this capability out. It’s extremely powerful and if you want to see a real-world example, I’ll just quickly show this is the City of Bellevue it’s an application we put together. It’s a little bit more sophisticated than the example that I showed you.

Here we’ve got some KPI indicators that are being displayed, and here I’ve configured some events every time the map viewpoint changes to then query the extent and then update these KPI charts. So, we’ll just give this a second here.

We can see that’s been updated. If I zoom in or pan the map, it’s going to be updated as well, and so on.  So, that’s really neat and again here you can configure different capabilities when you click on our result, hover over a result, and so on.

Have fun with it and I hope you found this Tech Tip valuable. Bye for now!’

Want to learn more about Geocortex Web or see it in action? Click the button below to find out more or to schedule a demo!

Discover Geocortex Web


Categories:
Archive
Open: 2020
2020
October 16, 2020

Considerations when migrating from Geocortex Viewer for HTML5 to Geocortex Web [Geocortex Tech Tip]

October 9, 2020

Launching a report from Geocortex Inline [Geocortex Tech Tip]

October 2, 2020

How to include the current map image in a report [Geocortex Tech Tip]

September 25, 2020

Database monitoring in Geocortex Analytics [Geocortex Tech Tip]

September 18, 2020

Efficiently setting field permissions using advanced JavaScript permissions [Geocortex Tech Tip]

September 11, 2020

How to set different user and group permissions on fields and attributes in Geocortex Access Control [Geocortex Tech Tip]

September 4, 2020

Filter expression syntax and operators with Geocortex Access Control [Geocortex Tech Tip]

August 28, 2020

Leveraging attribute filters in Geocortex Access Control [Geocortex Tech Tip]

August 21, 2020

Using layer filter effects in Geocortex Web [Geocortex Tech Tip]

August 14, 2020

Conditional Tips in Geocortex Inline [Geocortex Tech Tip]

August 7, 2020

Configuring KPI cards in Geocortex Web [Geocortex Tech Tip]

July 31, 2020

Find your way around a workflow using the new Navigator component [Geocortex Tech Tip]

July 24, 2020

Working with symbols in Geocortex Workflow (Accessing JavaScript 3.x & 4.x playground etc) [Geocortex Tech Tip]

July 22, 2020

Simplify Pipeline Integrity Management with Geocortex Inline [Webinar]

July 17, 2020

Configuring Geocortex Web Events in Geocortex Web [Geocortex Tech Tip]

July 10, 2020

Creating and configuring launch links in Geocortex Mobile [Geocortex Tech Tip]

July 3, 2020

Using environment variables for application management in Geocortex Web and Geocortex Mobile Designer [Geocortex Tech Tip]

June 26, 2020

Understanding feature actions in the Geocortex Web and Geocortex Mobile Designers [Geocortex Tech Tip]

June 19, 2020

Geocortex Essentials import/export support enhancements in 4.13 [Geocortex Tech Tip]

June 12, 2020

Using Union Geometries in Geocortex Workflow [Geocortex Tech Tip]

June 5, 2020

Removing unneeded applications in Geocortex Web and Geocortex Mobile Designer [Geocortex Tech Tip]

May 29, 2020

A deeper dive on advanced View Designer configuration [Geocortex Tech Tip]

May 22, 2020

Launching a workflow in Geocortex Inline [Geocortex Tech Tip]

May 20, 2020

Geocortex Essentials 4.13: Additional development tools and external widget support let you customize your apps even further

May 15, 2020

Understanding points of interest and station locator [Geocortex Tech Tip]

May 8, 2020

Using the Inline Designer to build linear referencing views [Geocortex Tech Tip]

May 1, 2020

Understanding performance differences between Geocortex Workflow and the workflow capability in Geocortex Essentials [Geocortex Tech Tip]

April 24, 2020

Printing a vector tile layer in Geocortex Printing vs the Printing widget in Geocortex Essentials [Geocortex Tech Tip]

April 17, 2020

Producing layer reports in Geocortex Reporting vs the Reporting widget in Geocortex Essentials [Geocortex Tech Tip]

April 10, 2020

Comparing dynamic forms in Geocortex Workflow vs Geocortex Essentials [Geocortex Tech Tip]

April 7, 2020

Take control of your GIS with Geocortex Access Control [Webinar]

April 3, 2020

Performing field inspections with Geocortex Mobile (OOB Editing) [Geocortex Tech Tip]

March 27, 2020

Working with Conditional Expressions in Geocortex Reporting [Geocortex Tech Tip]

March 20, 2020

Export support and new third party map integration widgets [Geocortex Tech Tip]

March 13, 2020

Configure and Monitor a Web AppBuilder Web Application from Geocortex Analytics [Geocortex Tech Tip]

March 11, 2020

Geocortex Events and COVID-19/Coronavirus

March 6, 2020

Running a batch script from an alarm with Geocortex Analytics [Geocortex Tech Tip]

February 28, 2020

Understand how your users are engaging with the tools in your applications [Geocortex Tech Tip]

February 21, 2020

How to manage alarms in Geocortex Analytics [Geocortex Tech Tip]

Open: 2019
2019
December 18, 2019

Geocortex in 2019, and a glimpse of what's to come

December 5, 2019

Four key benefits to adopting a mobile GIS solution

November 29, 2019

Using Geocortex Mobile to collect survey data [Geocortex Tech Tip]

November 27, 2019

Dive into Geocortex Analytics [Webinar]

November 22, 2019

How to input parameters on prints [Geocortex Tech Tip]

November 15, 2019

How to include feature attachments in reports [Geocortex Tech Tip]

November 14, 2019

Understanding application management in the Designer [Geocortex Tech Tip]

November 14, 2019

How to reference symbology from web maps [Geocortex Tech Tip]

November 14, 2019

How Geocortex Mobile can integrate with other apps [Geocortex Tech Tip]

November 14, 2019

Implementing Arcade Expressions in Geocortex Essentials [Geocortex Tech Tip]

November 14, 2019

Customer Spotlight: Geocortex Mobile

November 14, 2019

How to Format Your Reports [Geocortex Tech Tip]

November 14, 2019

Showing an image in a form after a file picker [Geocortex Tech Tip]

November 14, 2019

Richard Wiegmann Joins VertiGIS as President and CEO

September 27, 2019

Understanding the toolbar in Geocortex Web [Geocortex Tech Tip]

September 20, 2019

Refining Results in Geocortex Web [Geocortex Tech Tip]

September 19, 2019

Charting data using Geocortex Reporting: Honing your charting skills

September 13, 2019

Utilizing the flexibility of layout in Geocortex Web [Geocortex Tech Tip]

September 6, 2019

Creating Geocortex Web applications that move seamlessly between 2D and 3D [Geocortex Tech Tip]

August 28, 2019

Geocortex adds support for Arcade scripting and ArcGIS Online smart mapping

August 23, 2019

How to create sections and groups for your reports [Geocortex Tech Tip]

August 16, 2019

Displaying SQL Server Data in Geocortex Workflow [Geocortex Tech Tip]

August 14, 2019

Customer Spotlight: Geocortex Essentials

August 8, 2019

City of Austin: Spreading floodplain awareness with Geocortex

August 1, 2019

Geocortex Essentials 4.12: Improved integration with ArcGIS® Online

July 25, 2019

Introduction to Geocortex Printing: Learn to build stunning print templates

July 17, 2019

Updates to the Geocortex Product Life Cycle

July 8, 2019

Extending Web AppBuilder for ArcGIS® with Geocortex Essentials [Webinar]

July 4, 2019

City of Bellingham: Using Geocortex to take the stress out of water shut-off

June 27, 2019

Geocortex at the 2019 Esri User Conference

June 14, 2019

Customer Spotlight: Geocortex Workflow

May 17, 2019

Important Notice - Outage Issues & New Support Cases

May 17, 2019

How to build a summary report with aggregations of feature data [Geocortex Tech Tip]

May 16, 2019

Technology Q&A: Geocortex Mobile

May 10, 2019

How to create print templates for Web AppBuilder for ArcGIS®[Geocortex Tech Tip]

May 8, 2019

Dive into Geocortex Printing [Webinar]

May 3, 2019

Using Geocortex Workflow and Geocortex Reporting to produce a multi-layer report [Geocortex Tech Tip]

May 1, 2019

Market-Leading GIS Software and Services Companies Join to Form VertiGIS

May 1, 2019

Introducing VertiGIS

April 18, 2019

Integrating Workflows into Geocortex Mobile [Geocortex Tech Tip]

April 17, 2019

Customer Spotlight: Geocortex Reporting

April 12, 2019

Using Geocortex Go to preview app configurations [Geocortex Tech Tip]

April 10, 2019

How to Address Complex Form Navigation Using Geocortex Workflow

April 5, 2019

Building native, offline IOS, Android and Windows apps with Geocortex Mobile Viewer [Geocortex Tech Tip]

April 3, 2019

Streamlining mobile operations with Geocortex Mobile Viewer [Webinar]

March 29, 2019

A better way to run geoprocessing tasks in Web AppBuilder for ArcGIS [Geocortex Tech Tip]

March 28, 2019

Extend the reach and capabilities of your applications with integrations [eBook]

March 22, 2019

Displaying data from SQL Database when you select features [Geocortex Tech Tip]

March 20, 2019

How Geocortex users are enriching the communities they serve

March 15, 2019

How to Configure a Geocortex Essentials layer report with Geocortex Reporting 5 [Geocortex Tech Tip]

March 14, 2019

Region of Waterloo: How GIS & Geocortex technology helped meet local Source Protection Plan requirements

March 6, 2019

Integrating Business Intelligence and Data Sources with Geocortex Essentials [Webinar]

March 1, 2019

How to quickly add attachments to new features when editing [Geocortex Tech Tip]

February 22, 2019

Generating a report with sub reports from external data sources [Geocortex Tech Tip]

February 20, 2019

Geocortex Essentials 4.11: Saving Time & Increasing Efficiency

February 15, 2019

Accessing Samples and Building your First Workflow [Geocortex Tech Tip]

February 12, 2019

Open Beta of Geocortex Printing 5 Has Begun

February 8, 2019

Different Ways of Creating Selections of Features in Geocortex Viewer for HTML 5 [Geocortex Tech Tip]

February 6, 2019

4 Best Practices to Follow When Using Geocortex Workflow 5

February 1, 2019

Creating a Report that Displays a Screenshot of the Map [Geocortex Tech Tip]

January 28, 2019

Diving Into Geocortex Reporting 5 [Geocortex Tech Tip]

January 24, 2019

How Geocortex is Advancing Water Management Solutions

January 16, 2019

Creating Custom User Experiences with Geocortex Workflow 5 [Webinar]

January 11, 2019

Showing the search results using the item picker in Geocortex Workflow 5 [Geocortex Tech Tip]

January 9, 2019

City of Troy: Using GIS and asset management technologies to manage legislative requirements

January 4, 2019

Using scripting to put attachments in reports in Geocortex Reporting 5 [Geocortex Tech Tip]

Open: 2018
2018
December 21, 2018

Integrating Pictometry, Bing and other 3rd party maps within your Geocortex applications

December 19, 2018

Recapping the Texas Geocortex Regional User Group

December 14, 2018

How to use Geocortex Workflow 5 to populate the Attribute Table in Web AppBuilder for ArcGIS [Geocortex Tech Tip]

December 12, 2018

Finding yourself: Using geolocation in mobile and web applications [Webinar]

December 7, 2018

Enabling real-time user-to-user map collaboration within Geocortex Essentials

December 5, 2018

Reflecting on 2018

November 30, 2018

Creating mailing labels with reports with Geocortex Reporting 5 [Geocortex Tech Tip]

November 29, 2018

Alberta Energy Regulator: Supporting safe and responsible energy resource operations

November 26, 2018

Important update for ArcGIS and Transport Layer Security (TLS) Protocol Support!

November 23, 2018

Using fine-grained security to control access to layers, features, attributes and application functionality [Geocortex Tech Tip]

November 21, 2018

Enhancing Web AppBuilder for ArcGIS® with Geocortex Reporting [Webinar]

November 16, 2018

Using Geocortex Workflow 5 to automatically display a form for editing layer attributes [Geocortex Tech Tip]

November 15, 2018

Geocortex Achieves Esri’s “Release Ready Specialty” Designation

November 14, 2018

Celebrating GIS Day with York Regional Police: How GIS Data Has Mitigated Risk & Increased Efficiency in Crime Prevention

November 9, 2018

How to access a SQL database from a workflow using Geocortex Workflow 5 [Geocortex Tech Tip]

November 2, 2018

How to send an email from a workflow using Geocortex Workflow 5 [Geocortex Tech Tip]

October 26, 2018

How to add and configure charts inside reports with Geocortex Reporting 5 [Geocortex Tech Tip]

October 24, 2018

Geocortex Water Webinar Series

October 19, 2018

Integrating Geocortex Essentials with ArcGIS Online and ArcGIS Enterprise portal [Geocortex Tech Tip]

October 17, 2018

Cross-Platform Development with Xamarin [Webinar]

October 12, 2018

City of Fort Collins: Dynamic flood maps for public awareness, and flood insurance rate saving

October 2, 2018

Technology Q&A: Geocortex Workflow 5 “Behind the Firewall”

June 27, 2018

Geocortex Essentials 4.10 is here!

June 12, 2018

Geocortex and the GDPR

June 6, 2018

Geocortex at the 2018 Esri User Conference

May 15, 2018

Technology Q&A: The evolution of Geocortex and Web AppBuilder for ArcGIS

April 25, 2018

How to manage data collected from Geocortex Workflow 5 forms [Geocortex Tech Tip]

April 18, 2018

Delivering accessible mapping applications for everyone [Geocortex Tech Tip]

April 11, 2018

How to search for data in a non-spatial database [Geocortex Tech Tip]

April 5, 2018

Configuring Geocortex Analytics to monitor a new Portal for ArcGIS instance [Geocortex Tech Tip]

March 27, 2018

Getting started with forms in Geocortex Workflow 5 [Geocortex Tech Tip]

March 21, 2018

Using Geocortex Workflow with Web AppBuilder for ArcGIS [Geocortex Tech Tip]

March 15, 2018

Understanding tool usage in your GIS applications [Geocortex Tech Tip]

March 7, 2018

Running Geocortex Essentials workflows from an identify operation [Geocortex Tech Tip]

March 2, 2018

GIS Health Assessment: A new way to think about your system

February 28, 2018

Using the in-app help system in Geocortex Workflow 5 [Geocortex Tech Tip]

February 21, 2018

How to configure a personalized dashboard in Geocortex Analytics [Geocortex Tech Tip]

January 25, 2018

GIS is shifting to SaaS, and it’s a win for everyone


Categories

Popular Tags
Access Control Accessibility Active Operating Picture ArcGIS customer spotlight Customer Story Designer Energy Esri Geocortex Geocortex 5-Series Geocortex Access Control Geocortex Analytics Geocortex Essentials Geocortex Inline geocortex integrations geocortex mobile Geocortex Mobile Viewer geocortex printing Geocortex Reporting Geocortex Reporting 5 geocortex tech tip Geocortex Tech Tips geocortex training Geocortex Viewer for HTML5 geocortex web Geocortex Web Viewer Geocortex Workflow Geocortex Workflow 5 GIS GIS Day GIS Health Integrations mobile gis Pipelines Tech Tip Tech Tips Tip Tips Transportation vertigis Web AppBuilder Web GIS Workflow Xamarin

Contributors