ARIS User Group Meeting Wien (German)
Register
ARIS Process Mining in action - Live Demo
Register
ARIS Super User Group
Register

View all
Profile picture for user Volker Eckardt

Hello Community,

Now, as we have discussed the string table in the previous tutorial it is time to talk about custom dialogs. You can’t create custom dialogs with a wizard, you have to do it manually. But prior we start with dialogs, let me enhance the code a bit as usual, to increase our testing capabilities.

In this tutorial we will discuss:

    A) More Object Options

    B) Custom Dialog

    C) One more Parameter

Let's begin!

A) More Object Options

As of now, we always need to select objects in an open model to run the report. By writing some more code lines we can add easily some more start options. In fact I like to select an object (or a group of objects) and also a single model, and list all maintained object attributes from them.



Please perform the following steps to cover this functionality:



Step 1. Allow more start options



Allow additional context elements to choose in the report properties. Check at least a model type to call the report from (I have checked the model types BPMN and EPC).







Step 2. Add the following code



You see that in all cases we try to find valid object occurrences (to set the objoccs variable). Only in case this is not successful, we will raise the error message as usual.







Step 3. Add the needed collector function



This collector will loop through all object occurrences in case we have selected multiple objects.





 

Hint: You can’t select multiple objects in the navigator, but you can do a multi select in the search result form.





 

 

From now on you can select one of the following objects to start your report:

  • object occurrences in your model (as before),
  • or individual objects in the explorer
  • or multiple objects in the search result window
  • or a single model from the explorer or designer.

Try it out!

 

 

B) Add a Custom Dialog

Let’s continue with the main topic 'Custom Dialog'. To define the dialog we usually use a separate function. Such a function has to fulfil the following main steps:



1.    Create a dialog template

2.    Add the objects you like to see in the dialog; like text, checkboxes, selection lists, buttons

3.    Define a dialog object based on the template

4.    Read and set default options for the checkboxes and selection lists

5.    Open the dialog

6.    Ask for the button used to close the dialog (can be [Ok] or [Cancel])

7.    If the answer is [Ok]:

       a.    Assign the selected values to global variables

       b.    Save the selected values for reuse

       c.    Perform the report generation by using the global variables

8.    If the answer is [Cancel], stop the report



I will now explain each step a little bit more by referencing the code. In the first run we will have two checkboxes in the dialog, one to display the not-maintained attributes and another to force the common file name as output (works by now in Excel only).



Step 1. Create a dialog template

This step is just a line, you can define the dialog size, but there is a minimum size that will be kept automatically, and you can not go under. The sScriptName is a new global variable to hold the script name, here used also as dialog title.







Step 2. Add the objects you like to see in the dialog like text, checkboxes, selection lists, buttons

We are going and add a general text, two check boxes and the OK and Cancel button. For check boxes there are, apart from the position and length, two more attributes. The first is the text you like to display behind, the second is the internal Id we define for this check box. We need this later for steps 4 and 7.







Step 3. Define a dialog object based on the template

This is again one line only. We define the variable dlg to hold the dialog object.







Step 4. Set default options for the checkboxes and selection lists

This is a nice feature to use for dialogs, as we can reload previous selected values to provide the same selection when the user goes in again. We use the ReadSettingsDlgValue function to do that, option by option. The long sSession variable acts as container for all these values. The long number in it is the report identifier itself; you can get it from the report properties (it has to start with a character, therefore the additional DLG_VALUES_).









Step 5. Open the Dialog

Again just one line.







Step 6. Ask for the button used to close the dialog (can be [Ok] or [Cancel])

As we assign the returning value to the nuserdlg variable, we can use it for the next check immediately.







Step 7. If the answer is [Ok]

We will assign the returning values to our global variables and also save the values into our session area.





Step 8. Handle [Cancel]

We will return true or false to the calling statement to allow a cancel in case someone hit the cancel button.





Step 9: How to call now the dialog?



This step is simple, we just call it in front of the already existing main() function call right on the end of our script.





 

Step 10: Maintain the String Table

What is missing? Well, if you take my code, you need to maintain the string table accordingly. In my case, you need to add the following text elements (the 4th row is already for part C):







Hint: The reason to use DLG_ as a prefix is just to separate text elements used in the dialog from other text in the report.



You should now be able to test this dialog already. It should work and allow you to run your report with different output options.





 

 

C) One more Parameter

Let us add now another parameter. It is a little bit tricky, therefore separated.



We would like to have a selection box to define the font size in our output. Ok, let’s begin with the values you expect to see. We define an array to hold the values, and another variable to hold the return value:







The interesting thing with selection lists is the returning value as number, whereas the first selection element returns 0, the next 1, the next 2 … This means our value ‘Small’ is internal a 0, ‘Medium’ corresponds to 1 and ‘Large’ is 2. To increase the font size, we will just add this offset to the values we have already in our Styles function. Isn’t that easy?







What additional code we need to add? Well, we have to define the box itself and another comment around would be nice. Also one more line for step 4 and also 2 more in step 7. I propose to use the string table again.











Your dialog box should appear like this.







And in case you select small or large as font size the output should react like expected:







Summary



With this tutorial you should have learned how to extend the existing report and allow more alternatives when starting the report. In addition you will now able to define your own custom dialogs and handle check boxes and selection lists (combo boxes). Feel free to enhance the code to fulfil your own needs.



Additional Notes



There are some more minor changes in the code, mainly code cleaning and adding the right comments. You can identify these additions easily by looking for a new comment titled “NEW IN PART 6”

Another method exists to build dialogs, the more java class oriented technique. Although there are also some good examples how to work with, the described way in this tutorial here is perhaps more common. Just let me know if I should also address the other technique in a future tutorial.

 

Download



Please download the final report file from here



Next Article



In the next article we will handle the missing header and footer and will talk about shared code management.



Related Articles

Any kind of feedback is very welcome!



Best regards

Volker

 

by Sebouh Havatian
Posted on Wed, 12/15/2010 - 16:04

Very Helpfull Article!!!!

I have one question regarding the dialog box.

Can we add a picture to the dialog box?

 

Thanks

0
by Sebouh Havatian
Posted on Mon, 12/20/2010 - 16:21

Another question:

Can we format the text displayed on the dialog?

 

thanks

0
by Volker Eckardt Author
Posted on Mon, 12/20/2010 - 19:24

In reply to by PaPaul79

Hello Mr. Havatin,

I need to hand this question over to the ARIS Script developer from IDS Scheer. I can not find any note about your two topics in my material. Can anyone else help?

Kind Regards

Volker

0
by Sebouh Havatian
Posted on Tue, 12/21/2010 - 07:46

Thanks

 

Regarding my first question about adding picture to the dialog box its doable.

 

var userdialog = Dialogs.createNewDialogTemplate(0, 0, 440, 100, "Position Selector");

    

    // define the layout

    userdialog.Picture(0, 0, 200, 60, "DIALOG_LOGO");

    userdialog.Text(200, 70, 200, 15, "JOB DESCRIPTION REPORT");



    userdialog.OKButton();

    userdialog.CancelButton();

    

    // Render the dialog

    var dlg = Dialogs.createUserDialog(userdialog);

    

        // Picture

 var dialoglogo = Context.getFile("BalubaidLogo.JPG",Constants.LOCATION_COMMON_FILES);

    dlg.setDlgPicture("DIALOG_LOGO", dialoglogo, 1);

0
by Karthik Joseph
Posted on Thu, 04/14/2011 - 11:18

Hello there!

 

I would like to start off by thanking you for your excellent tutorials. They have really been helpful. 

0
by N, NGUYEN
Posted on Mon, 08/01/2011 - 09:14

Hi,

Is it possible to add to the above dialog a button called Select All and once it is clicked both the check boxes are ticked?

Thank you,

Nguyen

0
by Nicolás Pozo Rojas
Posted on Mon, 10/03/2011 - 22:33

Thanks Mr. Volker, it was very usefull in my script.

 

0
by Jack Chung
Posted on Tue, 05/08/2012 - 19:47

Hi Mr Volker,

Could you help me please?

I am trying to do a dialog with a textbox where I will type a text, and i would like to get that text and put in "setValue(text)" to set value of the attribute, I had found one script and I've used some parts but it appear error in line 65 "__toString(dlg.getDlgText("Text0"))". How can I get the text from the textbox and insert it in the var inside the "setValue()"?

// --------------------------------------------------------
// Script para mudar valores de Atributos não editáveis
// modelos e objetos de um certo grupo
// 
// --------------------------------------------------------

function main()
{
  var sname = new __holder("");

  userdlg();
   
  var ogroups = undefined;   var oattribute = undefined;   var ocurrentmodel = undefined;   var ocurrentobjdef = undefined;   var omodels = undefined;   var oobjects = undefined;   var ogroup = null; 
  var i = undefined;   var j = undefined;   var numberofobjects = 0;
  var atributo =  0;
  var atributo2 =  0;
 
  var g_nLoc = Context.getSelectedLanguage();
  ogroups = ArisData.getActiveDatabase().GroupList(ArisData.getSelectedGroups()[0]);
  
  for ( i = 0 ; i < ogroups.length; i++ ){
    ogroup = ogroups[i];
    omodels = ogroup.ModelList(true);

    for ( j = 0 ; j < omodels.length; j++ ){
      ocurrentmodel = omodels[j];
      var creator = ocurrentmodel.Attribute(Constants.AT_CREATOR,g_nLoc);
      creator.setValue(sname);
    }

    omodels = null;

    oobjects = ogroup.ObjDefList();
    for ( j = 0 ; j < oobjects.length; j++ ){
      ocurrentobjdef = oobjects[j];
      var creator = ocurrentobjdef.Attribute(Constants.AT_CREATOR,g_nLoc);
      creator.setValue(sname);
    }
    oobjects = null;
  }
  
  ogroups = null;
}

function userdlg()
{
  var nuserdlg = 0;   // Variable for the user dialog box
  //var sattrstr = __createArray("");   // List of strings of selectable attributes.
  
  var userdialog = Dialogs.createNewDialogTemplate(0, 0, 300, 200, "Troca de Valores");
    
  userdialog.Text(20, 100, 460, 20, "Digite o novo valor para troca");
  userdialog.TextBox(20, 130, 530, 20, "Text0", 0);
  userdialog.OKButton();
  userdialog.CancelButton();
 // userdialog.HelpButton("HID_c8746560_2f2f_11d9_017b_e10284184242_dlg_01.hlp");

  var dlg = Dialogs.createUserDialog(userdialog); 
  var sSection = "Process_Office/348b7ef0-944f-11e1-5844-00505637013f";  
  
  ReadSettingsDlgValue(dlg, sSection, "Text0", 1);
  nuserdlg = Dialogs.show(dlg);
  // Showing dialog and waiting for confirmation with OK
  if (nuserdlg != 0){
      sname = __toString(dlg.getDlgText("Text0"));
    
    // Write dialog settings to config 
    WriteSettingsDlgValue(dlg, sSection, "Text0");
  }
  return (nuserdlg != 0)
}
main();

 

Regards,

Jack.

0
by Nicolás Pozo
Posted on Thu, 05/24/2012 - 23:44

Hi!!



I'm having problems with Dialogs in ARIS 7.2. When I use Dialogs in my scripts, and run it, always shows an error saying ReferenceError "Dialogs" is not defined.

Maybe I'm doing wrong, but some how this works whitout a problem on ARIS 7.1

var sValue = Dialogs.InputBox("¿Que desea hacer?\n(1)\tListar valores de los atributos.\n(2)\tCargar en forma masiva los atributos desde archivo.", "Carga Masiva", "1");

Can you or someone else helpme with this?

I appreciate your time and willingness.

0
by Gaurav Tiwari
Posted on Thu, 12/13/2012 - 23:33

In reply to by jfcommes

Hi Nicolas,

Were you able to identify the resolution for the error? I am facing the same error in 7.2 but in 7.1 the script is working fine.

Thanks,

0
by Nicolás Pozo
Posted on Fri, 12/14/2012 - 16:58

Sorry Mr. Gaurav, I try doing my reports in a different way.



If I solve it I'll notice you.

 

Have a nice week end!

0
by Nicolás Pozo
Posted on Mon, 12/17/2012 - 15:55

Mr. Gaurav Tiwari, I found the way to let Dialogs work.

 

You must access to the properties of the script (right click of mouse in the report), and there is a check box that make available the use of Dialogs.

 

 

Hope this work for you, have a nice week ;)

0
by Arda Ay
Posted on Sun, 09/30/2018 - 19:08

In reply to by npozo

Mr. Nicolás Pozo, thanks for your solution, it solved my problem.

 

Thank you, have a nice day

0
by Arda Ay
Posted on Sun, 09/30/2018 - 19:08

In reply to by npozo

Mr. Nicolás Pozo, thanks for your solution, it solved my problem.

 

Thank you, have a nice day

0

Featured achievement

Question Solver
Share your expertise and have your answer accepted as best reply.
Recent Unlocks
  • BZ
  • Profile picture for user TEF_Bernd
  • ПЦ
  • CR
  • BH
  • PacMan

Leaderboard

|
icon-arrow-down icon-arrow-cerulean-left icon-arrow-cerulean-right icon-arrow-down icon-arrow-left icon-arrow-right icon-arrow icon-back icon-close icon-comments icon-correct-answer icon-tick icon-download icon-facebook icon-flag icon-google-plus icon-hamburger icon-in icon-info icon-instagram icon-login-true icon-login icon-mail-notification icon-mail icon-mortarboard icon-newsletter icon-notification icon-pinterest icon-plus icon-rss icon-search icon-share icon-shield icon-snapchat icon-star icon-tutorials icon-twitter icon-universities icon-videos icon-views icon-whatsapp icon-xing icon-youtube icon-jobs icon-heart icon-heart2 aris-express bpm-glossary help-intro help-design Process_Mining_Icon help-publishing help-administration help-dashboarding help-archive help-risk icon-knowledge icon-question icon-events icon-message icon-more icon-pencil forum-icon icon-lock