Hey Everyone,
I'm not sure if this is possible, but I thought to ask.
I have a html field, this field is auto-populated with a table by a onChange Client Script.
Below is the code for the onChange Client Script.
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
if (isLoading) {
return;
}
var incState = g_form.getValue("state");
if (incState == 6) {
var table_start = '<table class="MsoTableGrid" style="border-collapse: collapse; border: none; width: 64.5957%; height: 90px;" border="1" cellspacing="0" cellpadding="0">';
var table_body_start = '<tbody>';
var tr1_start = '<tr style="height: 18px;">';
var td1_start = '<td style="width: 0%; border: 1pt solid windowtext; padding: 0in 5.4pt; height: 18px;" valign="top">';
var paragraph1 = '<p style="margin: 0in; text-align: center; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"><span style="font-family: verdana, geneva;">CONTRIBUTORS OF INFORMATION</span></p>';
var td1_end = '</td>';
var td2_start = '<td style="width: 0%; border-top: 1pt solid windowtext; border-right: 1pt solid windowtext; border-bottom: 1pt solid windowtext; border-image: initial; border-left: none; padding: 0in 5.4pt; height: 18px;" valign="top">';
var paragraph2 = '<p style="margin: 0in; text-align: center; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"><span style="font-family: verdana, geneva;">MANAGEMENT STAKEHOLDERS</span></p>';
var td2_end = '</td>';
var tr1_end = '</tr>';
var tr2_start = '<tr style="height: 72px;">';
var td3_start = ' <td style="width: 0%; border-right: 1pt solid windowtext; border-bottom: 1pt solid windowtext; border-left: 1pt solid windowtext; border-image: initial; border-top: none; padding: 0in 5.4pt; height: 72px;" valign="top">';
var paragraph3 = '<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"> </p>';
var paragraph4 = '<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"> </p>';
var td3_end = '</td>';
var td4_start = '<td style="width: 0%; border-top: none; border-left: none; border-bottom: 1pt solid windowtext; border-right: 1pt solid windowtext; padding: 0in 5.4pt; height: 72px;" valign="top">';
var paragraph5 = '<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"> </p>';
var paragraph6 = '<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"> </p>';
var paragraph7 = '<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"> </p>';
var td4_end = '</td>';
var tr2_end = '</tr>';
var table_body_end = '</tbody>';
var table_end = '</table>';
var paragraph8 = '<p> </p>';
g_form.setValue("u_pir_contributors_and_stakeholders", table_start + table_body_start + tr1_start + td1_start + paragraph1 + td1_end + td2_start +
paragraph2 + td2_end + tr1_end + tr2_start + td3_start + paragraph3 + paragraph4 + td3_end + td4_start + paragraph5 +
paragraph6 + paragraph7 + td4_end + tr2_end + table_body_end + table_end + paragraph8);
}
}
When the state changes to resolved, I get this table below for that custom field.
CONTRIBUTORS OF INFORMATION | MANAGEMENT STAKEHOLDERS |
|
|
What I want to do is if the user add values on the Assignment Group List and/or Assignee List fields, they will be automatically added to the table.
Is this possible? Has anyone done this before?
I want it to look like this.
Thanks!
