Code Block
param( [string]$Name, [rbsingleselect]$WorkerType, #possible values E or C [string]$EmployeeNumber, [string]$CompanyName, [rbyesno]$IsActive, [int]$Salary )

Control that will cause others to show/hide

...

Code Block

function inputVisibility(inputId,isVisible){
  //set the visibility of a run dialog control
  if(document.querySelector("'#"'+inputId) !== null){
    document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.hidden = !isVisible;
    //document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.previousSibling.hidden=!isVisible;
    if(document.querySelector('#'+inputId).type=='radio'){
      document.querySelector('#lbl'+inputId.substring(2)).parentNode.hidden=!isVisible;
    }else{
      document.querySelector('#lbl'+inputId).parentNode.hidden=!isVisible;
    }
  }
}

Dialog Controls - Initial State

...

Code Block

function inputVisibility(inputId,isVisible){
  //set the visibility of a run dialog control
  if(document.querySelector("'#"'+inputId) !== null){
    document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.hidden = !isVisible;
    //document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.previousSibling.hidden=!isVisible;
    if(document.querySelector('#'+inputId).type=='radio'){
      document.querySelector('#lbl'+inputId.substring(2)).parentNode.hidden=!isVisible;
    }else{
      document.querySelector('#lbl'+inputId).parentNode.hidden=!isVisible;
    }
  }
}

inputVisibility('EmployeeNumber',true);
inputVisibility('CompanyName',false);
inputVisibility('Salary',false);

...

Code Block

language	powershell


function inputVisibility(inputId,isVisible){
  //set the visibility of a run dialog control
  if(document.querySelector("'#"'+inputId) !== null){
    document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.hidden = !isVisible;
    //document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.previousSibling.hidden=!isVisible;
    if(document.querySelector('#'+inputId).type=='radio'){
      document.querySelector('#lbl'+inputId.substring(2)).parentNode.hidden=!isVisible;
    }else{
      document.querySelector('#lbl'+inputId).parentNode.hidden=!isVisible;
    }
  }
}

//For simple criteria, a short hand way to do show/hide fields is to base it directly on the value of another field
inputVisibility('EmployeeNumber',document.querySelector('#WorkerType').value == 'E');
inputVisibility('CompanyName',document.querySelector('#WorkerType').value != 'E');

/*
//Long form approach for more complex criteria
if(document.querySelector('#WorkerType').value == 'E'){
    inputVisibility('EmployeeNumber',true);
    inputVisibility('CompanyName',false);
}else{
    inputVisibility('EmployeeNumber',false);
    inputVisibility('CompanyName',true);
}
*/

...

Note

[RbYesNo] parameter/control types follow a slightly different control naming pattern. Each radio button has it’s own control id.

The “Yes” radio button id is the parameter name prefaced with “R1”“r1”
The “No” radio button id is the parameter name prefaced with “R2”“r2”

To show/hide an RbYesNo type control, you can simply reference one of the radio button ids and the inputVisibility function will handle hiding all.

Eg.
inputVisibility('r1IsActive',false);

In this example another controlling control will be the IsActive control. If IsActive:Yes is checked then show the Salary control, otherwise hide it.

...

Code Block

language	powershell

function inputVisibility(inputId,isVisible){
  //set the visibility of a run dialog control
  if(document.querySelector("'#"'+inputId) !== null){
    document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.hidden = !isVisible;
    //document.querySelector("'#"'+inputId).parentNode.parentNode.parentNode.previousSibling.hidden=!isVisible;
    if(document.querySelector('#'+inputId).type=='radio'){
      document.querySelector('#lbl'+inputId.substring(2)).parentNode.hidden=!isVisible;
    }else{
      document.querySelector('#lbl'+inputId).parentNode.hidden=!isVisible;
    }
  }
}

//Note: For RbYesNo control types, each radio button is its own id.
//      The 'Yes' control id is preface with 'r1'; whereas the 'No' is prefaced with 'r2'
inputVisibility('Salary',document.querySelector('#r1IsActive').checked); //'Yes' (the 'r1' prefaced id) is checked

...

Info
It is left to the bot developer to have the appropriate logic inside the bot PowerShell to handle the various permutations of some parameters coming in as empty string values.

Copy of Example Bot

The below can be copied and pasted into the Bot Studio left nav by right clicking on any folder node and selecting paste.

Versions Compared

Old Version 3

New Version Current

Key

Control that will cause others to show/hide

Dialog Controls - Initial State

Copy of Example Bot

Page Comparison

Versions Compared

Old Version 3

New Version Current

Key

Control that will cause others to show/hide

Dialog Controls - Initial State

Copy of Example Bot