Auto select or read only

[Ramesh_143]

Hi@everyone, I got requirement that there are two questions, each question has two multiple choices, if we select a choice of 1st question then 2nd question of two choices, one should auto select and a remaining option should be hide or should become read-only, we can't use ui policies how can we do that.? 

[Dr Atul G- LNG · Accepted solution]

Hi @Ramesh_143 

Greeting!!

I tried this with UI policy it will not work but if you create variable set for Q1 and Q2 then UI action can be applied as you need. 

I tried like this.

[Aman Kumar S · Accepted solution]

Hi @Ramesh_143 

You can use UI policy if you are in Vancouver, now we have set value option and set read only for the 2nd field .

else you will have to go with onchange client script, using if condition you can check value for field 1 , then set value for field 2 and make it read only.

[brahmandlapally · Accepted solution]

(function executeRule(current, previous /*null when async*/) {
// Ensure this script runs when the form loads or the first question's value changes
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
if (isLoading || newValue === '') {
return;
}

// Get the second question field
var secondQuestionField = g_form.getField('question2');

if (!secondQuestionField) {
return;
}

// Define the options for the second question based on the first question's value
var optionsForQuestion2 = {
'choice1': 'option1',
'choice2': 'option2'
};

// Clear existing options from the second question
g_form.clearOptions('question2');

// Add the appropriate option based on the first question's selection
if (newValue == 'choice1') {
g_form.addOption('question2', 'option1', 'Option 1');
g_form.setValue('question2', 'option1'); // Auto-select the option
} else if (newValue == 'choice2') {
g_form.addOption('question2', 'option2', 'Option 2');
g_form.setValue('question2', 'option2'); // Auto-select the option
}

// Make the second question read-only
g_form.setReadOnly('question2', true);
}

// Register the onChange event handler
g_form.getField('question1').on('change', onChange);

})(current, previous);

[Anantha27 · Accepted solution]

Hi @Ramesh_143 

You can refer this link 

Controlling visibility of a field through UI Policy/Client Script which is set to mandatory at dicti...

Thank you

[Dr Atul G- LNG · Accepted solution]

Hi @Ramesh_143 

Greeting!!

I tried this with UI policy it will not work but if you create variable set for Q1 and Q2 then UI action can be applied as you need. 

I tried like this.

[Abhay Kumar1]

@Ramesh_143 you can achieve through on change catalog client script on question1( i believe you are trying on portal page catalog item), there you can put if statement on question1 vakue and show whatever you wish for qiestion2.

Hope this will help you 

[Aman Kumar S · Accepted solution]

Hi @Ramesh_143 

You can use UI policy if you are in Vancouver, now we have set value option and set read only for the 2nd field .

else you will have to go with onchange client script, using if condition you can check value for field 1 , then set value for field 2 and make it read only.

[brahmandlapally · Accepted solution]

(function executeRule(current, previous /*null when async*/) {
// Ensure this script runs when the form loads or the first question's value changes
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
if (isLoading || newValue === '') {
return;
}

// Get the second question field
var secondQuestionField = g_form.getField('question2');

if (!secondQuestionField) {
return;
}

// Define the options for the second question based on the first question's value
var optionsForQuestion2 = {
'choice1': 'option1',
'choice2': 'option2'
};

// Clear existing options from the second question
g_form.clearOptions('question2');

// Add the appropriate option based on the first question's selection
if (newValue == 'choice1') {
g_form.addOption('question2', 'option1', 'Option 1');
g_form.setValue('question2', 'option1'); // Auto-select the option
} else if (newValue == 'choice2') {
g_form.addOption('question2', 'option2', 'Option 2');
g_form.setValue('question2', 'option2'); // Auto-select the option
}

// Make the second question read-only
g_form.setReadOnly('question2', true);
}

// Register the onChange event handler
g_form.getField('question1').on('change', onChange);

})(current, previous);