Standalone Workflow in custom panel

by - edited (4,217 Views)

This article shows how to quickly configure a browser based application in M.App Enterprise with a Workflow loaded in a custom panel.

First prerequisite is to configure a valid Workflow in Studio content. Then you have to prepare a browser M.App with at least one Custom Panel (please check this tutorial to understand the main steps). Then you have to go to the customization option of your custom panel and copy and paste the Javascript code attached to this article in the JS source:

In the source code you have to provide the following information:

user credentials to get a valid token and a SessionId (necessary for the workflow execution)
workflow name configured in Studio
workflow node id to be loaded by default

You have to add jquery as external library reference:

You can than save the application, assign it to a role and use it from the the end user perspective.

Rate this article:

Yes No

Comments

hi Pavel,

interesting, you found a way. I used to make use of window.postMessage to communicate...

Stefano

Permalink

Hi Stefano,

I spent many hours on that issue, but I still believed it must be there somewhere

Pavel

Permalink

[{"id":"c_27","title":"All tutorials","items":[{"id":"27874","title":"M.App Enterprise - Mobile Documentation","view_href":"/t5/M-App-Enterprise-Tutorials/M-App-Enterprise-Mobile-Documentation/ta-p/27874","isArticle":true,"isUnordered":false,"items":[]},{"id":"27294","title":"How to setup a Mobile App","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-setup-a-Mobile-App/ta-p/27294","isArticle":true,"isUnordered":false,"items":[]},{"id":"26072","title":"Build a Browser App to run a spatial Recipe","view_href":"/t5/M-App-Enterprise-Tutorials/Build-a-Browser-App-to-run-a-spatial-Recipe/ta-p/26072","isArticle":true,"isUnordered":false,"items":[]},{"id":"28016","title":"How to setup a Mobile App - Part 2","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-setup-a-Mobile-App-Part-2/ta-p/28016","isArticle":true,"isUnordered":false,"items":[]},{"id":"29750","title":"M.App Enterprise - Mobile App Beta Testing","view_href":"/t5/M-App-Enterprise-Tutorials/M-App-Enterprise-Mobile-App-Beta-Testing/ta-p/29750","isArticle":true,"isUnordered":false,"items":[]},{"id":"26853","title":"M.App Enterprise 2018 - Hexagon App Launcher","view_href":"/t5/M-App-Enterprise-Tutorials/M-App-Enterprise-2018-Hexagon-App-Launcher/ta-p/26853","isArticle":true,"isUnordered":false,"items":[]},{"id":"33226","title":"Mobile App with tenant metadata and/or data in Oracle database","view_href":"/t5/M-App-Enterprise-Tutorials/Mobile-App-with-tenant-metadata-and-or-data-in-Oracle-database/ta-p/33226","isArticle":true,"isUnordered":false,"items":[]},{"id":"20578","title":"Workflow Tutorial: Creating a Basic Workflow for Desktop App","view_href":"/t5/M-App-Enterprise-Tutorials/Workflow-Tutorial-Creating-a-Basic-Workflow-for-Desktop-App/ta-p/20578","isArticle":true,"isUnordered":false,"items":[]},{"id":"23260","title":"Javascript API in Desktop M.App","view_href":"/t5/M-App-Enterprise-Tutorials/Javascript-API-in-Desktop-M-App/ta-p/23260","isArticle":true,"isUnordered":false,"items":[]},{"id":"34352","title":"Using domain accounts for the Warehouse user","view_href":"/t5/M-App-Enterprise-Tutorials/Using-domain-accounts-for-the-Warehouse-user/ta-p/34352","isArticle":true,"isUnordered":false,"items":[]},{"id":"34056","title":"How to solve Spatial Workshop problems","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-solve-Spatial-Workshop-problems/ta-p/34056","isArticle":true,"isUnordered":false,"items":[]},{"id":"14379","title":"Trainings Materials for M.App Enterprise","view_href":"/t5/M-App-Enterprise-Tutorials/Trainings-Materials-for-M-App-Enterprise/ta-p/14379","isArticle":true,"isUnordered":false,"items":[]},{"id":"28355","title":"Query API samples","view_href":"/t5/M-App-Enterprise-Tutorials/Query-API-samples/ta-p/28355","isArticle":true,"isUnordered":false,"items":[]},{"id":"28400","title":"Support of different Oracle Database Client software versions","view_href":"/t5/M-App-Enterprise-Tutorials/Support-of-different-Oracle-Database-Client-software-versions/ta-p/28400","isArticle":true,"isUnordered":false,"items":[]},{"id":"18999","title":"Apps for the public (no user login)","view_href":"/t5/M-App-Enterprise-Tutorials/Apps-for-the-public-no-user-login/ta-p/18999","isArticle":true,"isUnordered":false,"items":[]},{"id":"34092","title":"Published vectorset not available for use as M.App Enterprise Feature Data in Analyzer View","view_href":"/t5/M-App-Enterprise-Tutorials/Published-vectorset-not-available-for-use-as-M-App-Enterprise/ta-p/34092","isArticle":true,"isUnordered":false,"items":[]},{"id":"17688","title":"How to use Power BI and M.App Enterprise","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-use-Power-BI-and-M-App-Enterprise/ta-p/17688","isArticle":true,"isUnordered":false,"items":[]},{"id":"32966","title":"Working with Tutorial: How to display points thematically in Mobile M.App","view_href":"/t5/M-App-Enterprise-Tutorials/Working-with-Tutorial-How-to-display-points-thematically-in/ta-p/32966","isArticle":true,"isUnordered":false,"items":[]},{"id":"29479","title":"How to add a My Geoservice WMS as a layer in Analyzer Views","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-add-a-My-Geoservice-WMS-as-a-layer-in-Analyzer-Views/ta-p/29479","isArticle":true,"isUnordered":false,"items":[]},{"id":"19004","title":"Standalone Workflow in custom panel","view_href":"/t5/M-App-Enterprise-Tutorials/Standalone-Workflow-in-custom-panel/ta-p/19004","isArticle":true,"isUnordered":false,"items":[]},{"id":"23708","title":"M.App Enterprise Load Balanced","view_href":"/t5/M-App-Enterprise-Tutorials/M-App-Enterprise-Load-Balanced/ta-p/23708","isArticle":true,"isUnordered":false,"items":[]},{"id":"10159","title":"Installation of M.App Enterprise","view_href":"/t5/M-App-Enterprise-Tutorials/Installation-of-M-App-Enterprise/ta-p/10159","isArticle":true,"isUnordered":false,"items":[]},{"id":"17560","title":"How to use Active Directory in M.App Enterprise","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-use-Active-Directory-in-M-App-Enterprise/ta-p/17560","isArticle":true,"isUnordered":false,"items":[]},{"id":"22573","title":"How to: Display thematic legend entry in Desktop M.Apps","view_href":"/t5/M-App-Enterprise-Tutorials/How-to-Display-thematic-legend-entry-in-Desktop-M-Apps/ta-p/22573","isArticle":true,"isUnordered":false,"items":[]},{"id":"29473","title":"Desktop Client Log Console (F12)","view_href":"/t5/M-App-Enterprise-Tutorials/Desktop-Client-Log-Console-F12/ta-p/29473","isArticle":true,"isUnordered":false,"items":[]}],"isUnordered":false}]

Overview

M.App Enterprise Tutorials

Standalone Workflow in custom panel

browser app

custom panel

M.App Enterprise