{"id":13,"date":"2026-01-30T11:22:19","date_gmt":"2026-01-30T11:22:19","guid":{"rendered":"https:\/\/forms.axcertro.com\/?page_id=13"},"modified":"2026-03-12T11:48:47","modified_gmt":"2026-03-12T11:48:47","slug":"13-2","status":"publish","type":"page","link":"https:\/\/forms.axcertro.com\/","title":{"rendered":"DeLankaRequirementForm"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d375c4 e-con-full e-flex e-con e-parent\" data-id=\"1d375c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e64e1b2 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"e64e1b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technical Support DE Lanka Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f02b728 e-con-full e-flex e-con e-parent\" data-id=\"4f02b728\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6dfe28de e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6dfe28de\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-748938a e-con-full e-flex e-con e-child\" data-id=\"748938a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49b9232 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"49b9232\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">DE Lanka Team Technical Assistance<span style=\"letter-spacing: 0px\"><\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-710c61b elementor-widget__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"710c61b\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form De Lanka\" aria-label=\"New Form De Lanka\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"710c61b\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"13\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-title elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[title]\" id=\"form-field-title\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Enter Title *\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-email elementor-col-100\">\n\t\t\t\t\t<style>\n    \/* 1. Main Editor UI Container *\/\n    .my-custom-editor {\n        border: 1px solid #d1d1d1;\n        border-radius: 8px;\n        background: #fff;\n        margin-top: 10px;\n        overflow: hidden;\n        font-family: Arial, sans-serif;\n    }\n    \n    \/* 2. Toolbar Styling *\/\n    .editor-controls {\n        background: #f1f3f4;\n        padding: 8px;\n        border-bottom: 1px solid #d1d1d1;\n        display: flex;\n        gap: 6px;\n    }\n    \n    .editor-controls button {\n        width: 35px;\n        height: 35px;\n        cursor: pointer;\n        font-weight: bold;\n        background: #ffffff;\n        border: 1px solid #ced4da;\n        border-radius: 4px;\n        color: #333;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: 0.2s;\n    }\n\n    .editor-controls button:hover {\n        background: #075e54;\n        color: white;\n    }\n\n    \/* 3. Editable Area - Forced Black Text *\/\n    #myRichEditor {\n        padding: 15px;\n        min-height: 180px;\n        outline: none;\n        color: #000000 !important;\n        font-size: 15px;\n        line-height: 1.6;\n        display: block !important;\n        background: white;\n    }\n\n    \/* 4. Placeholder Styling - Ash color *\/\n    .placeholder-active {\n        color: #adb5bd !important;\n    }\n\n    \/* 5. Fixing all other Form fields to Black *\/\n    .elementor-field-group input, \n    .elementor-field-group textarea, \n    .elementor-field-group select {\n        color: #000000 !important;\n        opacity: 1 !important;\n    }\n<\/style>\n\n<div class=\"my-custom-editor\">\n    <div class=\"editor-controls\">\n        <button type=\"button\" onclick=\"runFormat('bold')\" title=\"Bold\">B<\/button>\n        <button type=\"button\" onclick=\"runFormat('italic')\" title=\"Italic\">I<\/button>\n        <button type=\"button\" onclick=\"runFormat('underline')\" title=\"Underline\">U<\/button>\n        <button type=\"button\" onclick=\"runFormat('insertUnorderedList')\" title=\"Bullet Points\">\u2022<\/button>\n    <\/div>\n    \n    <div id=\"myRichEditor\" contenteditable=\"true\" class=\"placeholder-active\">Briefly describe your request... *<\/div>\n<\/div>\n\n<script>\n\/**\n * Global Constants\n *\/\nconst richEditor = document.getElementById('myRichEditor');\nconst placeholderVal = \"Briefly describe your request...  **\";\n\n\/**\n * Utility: Get the hidden field used for Elementor data syncing\n *\/\nconst getHiddenField = () => document.querySelector('[name=\"form_fields[hidden_desc]\"]');\n\n\/**\n * Function: Handle text formatting (Bold, Italic, etc.)\n *\/\nfunction runFormat(cmd) {\n    if (richEditor.classList.contains('placeholder-active')) {\n        richEditor.innerHTML = '';\n        richEditor.classList.remove('placeholder-active');\n    }\n    document.execCommand(cmd, false, null);\n    richEditor.focus();\n    encodeAndSyncData();\n}\n\n\/**\n * Function: Encodes HTML to Base64 and syncs with the hidden field\n *\/\nfunction encodeAndSyncData() {\n    const hiddenField = getHiddenField();\n    if (hiddenField) {\n        const isEmpty = richEditor.classList.contains('placeholder-active') || richEditor.innerText.trim() === \"\";\n        \n        if (isEmpty) {\n            hiddenField.value = '';\n            hiddenField.setAttribute('required', 'required'); \/\/ Force browser requirement\n        } else {\n            \/\/ Encode HTML for safe transport to n8n (supports Sinhala\/UTF-8)\n            const rawHtml = richEditor.innerHTML;\n            const encoded = btoa(unescape(encodeURIComponent(rawHtml)));\n            hiddenField.value = encoded;\n            hiddenField.removeAttribute('required'); \n        }\n        \/\/ Notify Elementor that input has changed\n        hiddenField.dispatchEvent(new Event('input', { bubbles: true }));\n    }\n}\n\n\/**\n * Validation & Reset logic using jQuery (Standard for Elementor)\n *\/\njQuery(document).ready(function($) {\n    const $form = $(richEditor).closest('form');\n\n    \/\/ intercept the submit event to perform validation\n    $form.on('submit', function(e) {\n        const hiddenField = getHiddenField();\n        const isEmpty = !hiddenField.value || hiddenField.value.trim() === \"\";\n        \n        if (isEmpty) {\n            alert(\"Please provide a description before submitting.\");\n            richEditor.focus();\n            \n            \/\/ Critical: Stop both browser submit and Elementor's AJAX triggers\n            e.preventDefault();\n            e.stopImmediatePropagation(); \n            return false;\n        }\n    });\n\n    \/\/ Reset the Rich Editor UI after a successful Elementor submission\n    $(document).on('submit_success', function() {\n        richEditor.innerHTML = placeholderVal;\n        richEditor.classList.add('placeholder-active');\n        const hiddenField = getHiddenField();\n        if(hiddenField) hiddenField.value = '';\n    });\n});\n\n\/**\n * Event Listeners for Editor UX\n *\/\nrichEditor.addEventListener('focus', function() {\n    if (this.classList.contains('placeholder-active')) {\n        this.innerHTML = '';\n        this.classList.remove('placeholder-active');\n    }\n});\n\nrichEditor.addEventListener('blur', function() {\n    if (this.innerText.trim() === \"\") {\n        this.innerHTML = placeholderVal;\n        this.classList.add('placeholder-active');\n    }\n    encodeAndSyncData();\n});\n\nrichEditor.addEventListener('input', encodeAndSyncData);\n\n\/\/ Initial Sync on Load\ndocument.addEventListener('DOMContentLoaded', encodeAndSyncData);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-image elementor-col-80\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-image\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tUpload image\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[image][]\" id=\"form-field-image\" class=\"elementor-field elementor-size-sm  elementor-upload-field\" multiple=\"multiple\" data-maxsize=\"2\" data-maxsize-message=\"This file exceeds the maximum allowed size.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-url elementor-field-group elementor-column elementor-field-group-video elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-video\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tUpload Video\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"url\" name=\"form_fields[video]\" id=\"form-field-video\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Upload Video URL\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-hidden_desc elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[hidden_desc]\" id=\"form-field-hidden_desc\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-Priority elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-Priority\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSelect Priority\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[Priority]\" id=\"form-field-Priority\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"Urgent\">Urgent<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"High\">High<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Normal\" selected=\"selected\">Normal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Low\">Low<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Technical Support DE Lanka Team DE Lanka Team Technical Assistance<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":624,"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":853,"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/853"}],"wp:attachment":[{"href":"https:\/\/forms.axcertro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}