{"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":"SingleLineText","model":{"_internalName":"Title","title":{"text":"Subject","visible":true},"orientation":"Vertical","required":true,"font":{"style":"Normal","weight":"Semibold"},"wrap":true,"cFont":{"style":"Normal","weight":"Normal"},"type":"Anything"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":"HTML","model":{"_internalName":"HdEditor","content":"<hd-editor/>"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]},{"cells":[{"component":{"type":"HTML","model":{"_internalName":"HdAttachments","content":"<hd-attachments/>"}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":3}},{"component":{"type":"Submit","model":{"_internalName":"SaveButton","text":"Send","savingText":"Submitting...","type":"Primary","click":"return fd.save();"}},"alignment":{"horizontal":"Right","vertical":"Top"},"columns":{"width":2,"offset":7}}]}]}},"alignment":{"horizontal":"Justify","vertical":"Top"},"columns":{"width":12}}]}]}},"tablet":null,"phone":null,"js":"/*******************************************************************************************************\r\n* The code from this section is executed once the form is loaded.                                      *\r\n*                                                                                                      *\r\n* Depending on the stage of the form lifecycle when a particular action should be performed,           *\r\n* you can use on the following hooks:                                                                  *\r\n*                                                                                                      *\r\n* fd.rendered()     the code is executed once the form is rendered                                     *\r\n*                                                                                                      *\r\n* fd.beforeSave()   the code is executed right before saving the form. If returns Promise, the saving  *\r\n*                   does not proceed until the Promise is resoved. If the Promise is rejected,         * \r\n*                   the saving interrupts. This is the appropriate place for adding custom validation. *\r\n*                                                                                                      *\r\n* fd.saved()        the code is executed once the form is submitted                                    *\r\n*                                                                                                      *\r\n* The following predefined variables can be utilized in the code:                                      *\r\n*                                                                                                      *\r\n* fd    an instance of the current form                                                                *\r\n* $     jQuery object                                                                                  *\r\n*                                                                                                      *\r\n*******************************************************************************************************/\r\n\r\n\r\n/* Uncomment the code below to start using it in the form.\r\n\r\n// ================================================================\r\n//  EXAMPLE 1: The code is executed right after rendering the form \r\n// ================================================================\r\nfd.rendered(function () {\r\n\r\n    // The function populates FullName with values from FirstName and LastName\r\n    function updateFullName() {\r\n        var firstName = fd.field('FirstName').value || '';\r\n        var lastName = fd.field('LastName').value || '';\r\n        fd.field('FullName').value = (firstName ? firstName + ' ' : '') + lastName;\r\n    }\r\n\r\n    // Populate FullName when the form is rendered\r\n    updateFullName();\r\n\r\n    // Update FullName when FirstName changes\r\n    fd.field('FirstName').$on('change', updateFullName);\r\n\r\n    // Update FullName when LastName changes\r\n    fd.field('LastName').$on('change', updateFullName);\r\n});\r\n\r\n\r\n// ========================================================\r\n//  EXAMPLE 2: The code is executed before saving the form\r\n// ========================================================\r\nfd.beforeSave(function () {\r\n\r\n    // Prevent saving if StartDate is greater than EndDate\r\n    if (fd.field('StartDate').value > fd.field('EndDate').value) {\r\n        throw Error('Start Date must not be greater than End Date.');\r\n    }\r\n});\r\n\r\n\r\n// =============================================================\r\n//  EXAMPLE 3: The code is executed right after saving the form\r\n// =============================================================\r\nfd.saved(function (result) {\r\n\r\n    // Forward users to a custom Thank You page with a parameter\r\n    window.location = 'https://mysite.com/thank-you?email=' + fd.field('Email').value;\r\n});\r\n*/\r\n\r\nfd.helpDeskWidget.Init(fd.helpDeskWidget.FormTypes.NewTicketForm);\r\nfd.beforeSave(fd.helpDeskWidget.Save);\r\n","css":null,"notifySubscribers":false,"version":"1.0.2","theme":null,"timezone":"Europe/Kirov","culture":"en-US","userLanguage":"","userCulture":"","thankYouMessage":null,"redirectURL":null,"hideAfterSubmission":false,"submissionTimeout":0,"authentication":0,"singleSubmissionPerUser":false,"allowEditingSubmission":false,"restrictAccess":false,"azureADTenant":null,"azureADObjects":[],"azureB2CProperties":null,"connection":null}