When using External start for Start Events or Intermediate Events it is possible to hide the Barium Live design parts such as logo, ribbon and colors that by default are shown. It is possible to hide only the start button or to hide the entire Barium Live graphical user interface, (GUI.)

NOTE: When hiding parts of the GUI the start button is also hidden, therefore a start button needs to be added to the form template. Read how to add a start button to a form further down in this article.


When to hide GUI attributes

Many of our users want to have control of the design aspects of their external start links. By removing the Barium Live design elements it is only the content of the form that is shown, more control to the designer of the process application. 

It is also very useful for when embedding a form in an iFrame on another website, read more about this further down in this article. 


How to hide start button

By adding the query string ?hideToolbar=true to the end of an external start url the start button in Barium Live is hidden. 

Ex. https://live.barium.se/Link/ExternalForm/cae0c635-ba2b-4b94-9b66-0c608bd26006?hideToolbar=true




How to hide all Barium Live GUI

By adding the query string ?hideGui=true to the end of the external link URL the interface shown to the end user is completely free from design elements that Barium Live has.

Ex. https://live.barium.se/Link/ExternalForm/cae0c635-ba2b-4b94-9b66-0c608bd26006?hideGUI=true



Embed form in iFrame




HTML


<iframe src="[YOUR BARIUM LIVE EXTERNAL START LINK HERE]"></iframe>
Undefined

 


External start form with the query string for hiding the GUI embedded in a external webpage using iFrames.


How to create a start button

If you use the features hideGUI or hideToolbar the start instance button is hidden, then you have to configure your own start button.


1. Add a Button field to your form

2. Add the setting listeners

3. Copy and paste following code into the listener setting

 



{afterrender : function (comp) {var el = comp.getEl();el.on('click', function () {StartInstance();});}}

 


Done!

NOTE: Always try out your form and the button before using it in a deployed process application with external start and hide GUI attributes.