{"pc":{"type":"Grid","model":{"stacked":"md","frame":{"horizontal":null,"vertical":null,"radius":null},"border":{"width":null,"color":null},"rows":[{"cells":[{"component":{"type":"Grid","model":{"_internalName":"Grid1","stacked":"md","frame":{"horizontal":null,"vertical":null,"radius":null},"border":{"width":null,"color":null},"rows":[{"cells":[{"component":{"type":"Heading","model":{"_internalName":"Heading1","heading":"Test Dynamic Content in Plumsail","view":"Normal","font":{"style":"Normal","weight":"Semibold"},"frame":{"horizontal":null,"vertical":null,"radius":null},"size":"H1","textAlignment":"Center"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4001,"model":{"_internalName":"Title","readOnly":false,"title":{"text":"Utility","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"Text"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4010,"model":{"_internalName":"formtype","readOnly":false,"title":{"text":"formtype","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"DropDown"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4012,"model":{"_internalName":"entititytype","readOnly":false,"title":{"text":"entititytype","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"mode":"DropDown","fieldType":"MultiChoice"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4001,"model":{"_internalName":"Email","readOnly":false,"title":{"text":"Email","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"Text"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4001,"model":{"_internalName":"HoursOfOperation","readOnly":false,"title":{"text":"HoursOfOperation","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"Text"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":2012,"model":{"_internalName":"Additional Contacts","dataSource":{"webUrl":"/sites/it-HollyTest","listUrl":"Lists/TestDynamicContentChildList","viewName":"Plumsail","fieldInternalName":"ReqFormID"},"readOnly":false,"editMode":"Inline","lockColumn":false,"columns":[{"fieldInternalName":"Title","templateMode":"Default","type":8},{"fieldInternalName":"OfficeNumber","templateMode":"Default","type":8},{"fieldInternalName":"CellNumber","templateMode":"Default","type":8}],"viewId":"2f0fbd92-32ce-428e-bb0c-4a9b6f9f5679","isPlumsailLookupField":false}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4001,"model":{"_internalName":"excoltext","readOnly":false,"title":{"text":"excoltext","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"Text"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4010,"model":{"_internalName":"excolchoice","readOnly":false,"title":{"text":"excolchoice","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"fieldType":"DropDown"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":4004,"model":{"_internalName":"excolnumber","readOnly":false,"title":{"text":"excolnumber","visible":true},"orientation":"Horizontal","font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"precision":5,"spinButtons":false,"fieldType":"Number"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]}]}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]}]}},"tablet":null,"phone":null,"js":"window.fd = fd;\r\nwindow.$ = $;\r\n\r\n// Attempt to modify JS for multi-select column with indexOf\r\n\r\nfd.spRendered(function() {\r\n\r\n    function hideOrShowFields() {\r\n        fd.field('excoltext').hidden = true;\r\n        fd.field('excolchoice').hidden = true;\r\n        fd.field('excolnumber').hidden = true;\r\n        \r\n        if (fd.field('entitytype').value.indexOf(\"Normal\") >= 0) {\r\n            // Hide the excolnumber field and show the others\r\n            $(fd.field('excoltext').$parent.$el).show();\r\n            $(fd.field('excolchoice').$parent.$el).show();\r\n            $(fd.field('excolnumber').$parent.$el).hide();\r\n        } else if (fd.field('entitytype').value.indexOf(\"ExtendedA\") >= 0) {\r\n            // Hide the others and show the excolnumber field\r\n            $(fd.field('excoltext').$parent.$el).hide();\r\n            $(fd.field('excolchoice').$parent.$el).hide();\r\n            $(fd.field('excolnumber').$parent.$el).show();            \r\n        } else if (fd.field('entitytype').value.indexOf(\"ExtendedB\") >= 0) {\r\n            // Hide the others and show the excolnumber field\r\n            $(fd.field('excoltext').$parent.$el).hide();\r\n            $(fd.field('excolchoice').$parent.$el).hide();\r\n            $(fd.field('excolnumber').$parent.$el).show();            \r\n        } else {\r\n            // Hide the excolnumber field and show the others\r\n                $(fd.field('excoltext').$parent.$el).hide();\r\n                $(fd.field('excolchoice').$parent.$el).show();\r\n                $(fd.field('excolnumber').$parent.$el).hide();\r\n        }\r\n    }\r\n\r\n    // Calling hideOrShowFields when the user changes the entitytype\r\n    fd.field('entitytype').$on('change',hideOrShowFields);\r\n\r\n    // Calling hideOrShowFields on form loading\r\n    hideOrShowFields();\r\n\r\n});\r\n\r\n/*****************************************************************************\r\n\r\n// Attempt to modify JS for multi-select column with .includes parameter\r\n\r\nwindow.fd = fd;\r\nwindow.$ = $;\r\n\r\n// Hides excol-fields based on the value of the entitytype upon change\r\nfunction showHideFields(){\r\n    fd.field('excoltext').hidden = true;\r\n    fd.field('excolchoice').hidden = true;\r\n    fd.field('excolnumber').hidden = true;\r\n    \r\n    // Check for multi-select choice column entitytype\r\n    if(fd.field('entitytype').value.includes('Normal')){\r\n        fd.field('excoltext').hidden = false;\r\n        fd.field('excolchoice').hidden = false;\r\n    }\r\n    if(fd.field('entitytype').value.includes('Extended')){\r\n        fd.field('excolnumber').hidden = false;\r\n    }\r\n}\r\n\r\nfd.spRendered(() => {\r\n    \r\n    // Renders upon value change in entitytpe\r\n    fd.field('entitytype').$on('change', value => {\r\n        showHideFields();\r\n    });\r\n    \r\n    // Renders upon form load\r\n    showHideFields();\r\n    \r\n})\r\n\r\n*****************************************************************************/\r\n\r\n/*****************************************************************************\r\n\r\n// Working JS code for single-select choice column\r\n// Would like similar to this but with multi-select choice column\r\n\r\nwindow.fd = fd;\r\nwindow.$ = $;\r\n\r\n// Hides excol-fields based on the value of the formtype field (a single-select choice column) upon change\r\nfunction showHideFields(){\r\n    fd.field('excoltext').hidden = true;\r\n    fd.field('excolchoice').hidden = true;\r\n    fd.field('excolnumber').hidden = true;\r\n    \r\n    if(fd.field('formtype').value === 'Normal'){\r\n        fd.field('excoltext').hidden = false;\r\n        fd.field('excolchoice').hidden = false;\r\n    }\r\n    else if(fd.field('formtype').value === 'Extended'){\r\n        fd.field('excolnumber').hidden = false;\r\n    }\r\n    else{\r\n        \r\n    }\r\n}\r\n\r\nfd.spRendered(() => {\r\n    \r\n    // Clears excol-fields based on the value of the formtype field upon change\r\n    function clearFields() {\r\n        if (fd.field('formtype').value == 'Normal') {\r\n            // Clear fields of any value\r\n            fd.field('excolnumber').clear();\r\n        }\r\n        else if (fd.field('formtype').value == 'Extended') {\r\n            fd.field('excoltext').clear();\r\n            fd.field('excolchoice').clear();\r\n        }\r\n        else{\r\n            \r\n        }\r\n    }\r\n    \r\n    // Calling clearFields when formtype value changes\r\n    fd.field('formtype').$on('change', clearFields);\r\n    \r\n    // Calling showHideFields when formtype value changes\r\n    fd.field('formtype').$on('change', value => {\r\n        showHideFields();\r\n    });\r\n    \r\n    showHideFields();\r\n    \r\n})\r\n\r\n\r\n*****************************************************************************/\r\n\r\n\r\n","css":"","notifySubscribers":false,"version":"1.0.2","formId":"70ae4366-a185-4259-b0e4-942830346da5","customizers":[],"formatters":[]}