{"id":115088,"date":"2021-10-08T14:00:10","date_gmt":"2021-10-08T05:00:10","guid":{"rendered":"https:\/\/support.questetra.com\/?page_id=115088"},"modified":"2022-07-29T13:59:06","modified_gmt":"2022-07-29T04:59:06","slug":"form-decoration-examples-api20211011","status":"publish","type":"page","link":"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/","title":{"rendered":"Form Decoration Examples (api20211011)"},"content":{"rendered":"<div class=\"su-note\"  style=\"border-color:#e5dab2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#FFF4CC;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<h3>PAGE UPDATED<\/h3>\n<div style=\"text-align: center;\"><i class=\"fal fa-truck fa-lg\"><\/i> <a href=\"..\/task-form-decoration-202208\/\">https:\/\/support.questetra.com\/tips\/task-form-decoration-202208\/<\/a><\/div>\n<\/div><\/div>\n\n\n<div class=\"su-box su-box-style-soft\" id=\"\" style=\"border-color:#000000;border-radius:0px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#ffffff;border-top-left-radius:0px;border-top-right-radius:0px\">Form Decoration Examples<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:0px;border-bottom-right-radius:0px\">Since you can add JavaScript to the Decoration-HTML, various ideas that enhance business efficiency can be realized. Accelerate your Workflow!!<\/div><\/div>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-3c285595      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"160\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#overwrite-number\" class=\"uagb-toc-link__trigger\">Overwrite Number<\/a><li class=\"uagb-toc__list\"><a href=\"#overwrite-string\" class=\"uagb-toc-link__trigger\">Overwrite String<\/a><li class=\"uagb-toc__list\"><a href=\"#preview-html-code\" class=\"uagb-toc-link__trigger\">Preview HTML Code<\/a><li class=\"uagb-toc__list\"><a href=\"#export-text-as-utf8b-file\" class=\"uagb-toc-link__trigger\">Export Text as UTF8B-File<\/a><li class=\"uagb-toc__list\"><a href=\"#check-form-history-via-rest-api\" class=\"uagb-toc-link__trigger\">Check Form History via REST API<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#444444\" class=\"has-inline-color\">Code Examples using JavaScript Selectors API or jQuery for UI developers.<\/mark><br><mark style=\"background-color:rgba(0, 0, 0, 0);color:#444444\" class=\"has-inline-color\">The Decoration feature is available with<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0);color:#4a86e8\" class=\"has-inline-color\"><strong>Professional<\/strong><\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0);color:#444444\" class=\"has-inline-color\">edition<\/mark>.<br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NOTE: No updates or support. Decoration is at your own risk.<\/mark><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>WithoutAPI: <a href=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples\/\">https:\/\/support.questetra.com\/tips\/form-decoration-examples\/<\/a><\/li><li>WithAPI: <a href=\"https:\/\/support.questetra.com\/tips\/form-decoration-examples-api20211011\/\">https:\/\/support.questetra.com\/tips\/form-decoration-examples-api20211011\/<\/a><\/li><li>M213: <a rel=\"noreferrer noopener\" href=\"https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/360002245252-M213-Guidance-Descriptions-on-the-Operating-Screen-HTML-JavaScript-\" target=\"_blank\">Guidance Descriptions on the Operating Screen (HTML\/JavaScript)<\/a><\/li><li>R2131: <a rel=\"noreferrer noopener\" href=\"https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/360024615831-R2131-HTML-Tags-Available-for-Operation-Form-\" target=\"_blank\">HTML Tags Available for Operation Form<\/a><\/li><li>R2132: <a rel=\"noreferrer noopener\" href=\"https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/4406943475097-R2132-Questetra-Form-JavaScript-API\" target=\"_blank\">Questetra Form JavaScript API<\/a> (en) (<a rel=\"noreferrer noopener\" href=\"https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/4406943475097-R2132\" target=\"_blank\">ja-page<\/a>)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"overwrite-number\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1565c0\" class=\"has-inline-color\">Overwrite Number<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input-output\">Input\/Output<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Referrer:<ul><li>NUMERIC form: &#8220;<code>q_Total<\/code>&#8220;<\/li><\/ul><\/li><li>Target:<ul><li>NUMERIC form: &#8220;<code>q_Tax10<\/code>&#8221; (update)<\/li><\/ul><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-of-description-setting\">Example of DESCRIPTION setting<\/h4>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"overwrite_number_javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>vanilla JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>\u203b\u8907\u6570\u7a0e\u7387\u304c\u9069\u7528\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u5fc5\u9808&lt;br&gt;\nClick to overwrite: \n&lt;button type=&#39;button&#39; onclick=&#39;user_set_Tax10_calc10110()&#39;&gt;\u53d6\u5f15\u91d1\u984d * 10\/110&lt;\/button&gt;\n&lt;button type=&#39;button&#39; onclick=&#39;user_set_Tax10_zero()&#39;&gt;0&lt;\/button&gt;\n&lt;script&gt;\nfunction user_set_Tax10_calc10110(){\n  let bigTotal = qbpms.form.get( &quot;q_Total&quot; );\n  let bigTax10 = bigTotal.times(10).div(110);\n  qbpms.form.set( &quot;q_Tax10&quot;, bigTax10 );\n}\nfunction user_set_Tax10_zero(){\n  qbpms.form.set( &quot;q_Tax10&quot;, 0 );\n}\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"capture\">Capture<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" data-attachment-id=\"115727\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/decoration-examples-overwrite-number\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?fit=1200%2C400&amp;ssl=1\" data-orig-size=\"1200,400\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"decoration-examples-Overwrite-Number\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?fit=1024%2C341&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?resize=1024%2C341&#038;ssl=1\" alt=\"Frequent calculations. No calculator needed.\" class=\"wp-image-115727\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?resize=1024%2C341&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?resize=600%2C200&amp;ssl=1 600w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-Number.gif?resize=768%2C256&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Frequent calculations. No calculator needed.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"overwrite-string\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1565c0\" class=\"has-inline-color\">Overwrite String<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input-output\">Input\/Output<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Target:<ul><li>STRING form: &#8220;<code>q_JournalAccount<\/code>&#8221; (update)<\/li><\/ul><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-of-description-setting\">Example of DESCRIPTION setting<\/h4>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"overright_string_javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>vanilla JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>Click to overwrite: \n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u5e83\u544a\u5ba3\u4f1d\u8cbb&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u65c5\u8cbb\u4ea4\u901a\u8cbb&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u4f1a\u8b70\u8cbb&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u5099\u54c1\u30fb\u6d88\u8017\u54c1\u8cbb&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u79df\u7a0e\u516c\u8ab2&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u901a\u4fe1\u8cbb&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u65c5\u8cbb\u4ea4\u901a\u8cbb(\u88fd)&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u4f1a\u8b70\u8cbb(\u88fd)&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u5099\u54c1\u30fb\u6d88\u8017\u54c1\u8cbb(\u88fd)&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u79df\u7a0e\u516c\u8ab2(\u88fd)&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\u901a\u4fe1\u8cbb(\u88fd)&lt;\/button&gt;\n&lt;button type=&#39;button&#39; class=&#39;user_JournalAccount&#39;&gt;\uff08\u4e0d\u660e\uff09&lt;\/button&gt;\n&lt;script&gt;\ndocument.querySelectorAll(&#39;.user_JournalAccount&#39;).forEach( btn =&gt; {\n  btn.addEventListener(&#39;click&#39;, () =&gt; {\n    const strClicked  = btn.textContent;\n    qbpms.form.set( &quot;q_JournalAccount&quot;, strClicked );\n  });\n});\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"capture\">Capture<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"150\" data-attachment-id=\"115731\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/decoration-examples-overwrite-string\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-String.gif?fit=800%2C150&amp;ssl=1\" data-orig-size=\"800,150\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"decoration-examples-Overwrite-String\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-String.gif?fit=800%2C150&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Overwrite-String.gif?resize=800%2C150&#038;ssl=1\" alt=\"Click input. Prevent typos.\" class=\"wp-image-115731\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click input. Prevent typos.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preview-html-code\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1565c0\" class=\"has-inline-color\">Preview HTML Code<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input-output\">Input\/Output<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Referrer:<ul><li>Multiline STRING form: &#8220;<code>q_HtmlCode<\/code>&#8220;<\/li><\/ul><\/li><li>Target:<ul><li>(new window)<\/li><\/ul><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-of-description-setting\">Example of DESCRIPTION setting<\/h4>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"preview_html_code_javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>vanilla JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;button type=&#39;button&#39; onclick=&#39;user_preview_Html()&#39;&gt;Open Window to Preview HTML&lt;\/button&gt;\n&lt;script&gt;\nfunction user_preview_Html() {\n  let str_HtmlCode = qbpms.form.get(&quot;q_HtmlCode&quot;);\n  if( str_HtmlCode === &quot;&quot; ){\n    throw new Error(&#39;No String in this Textarea&#39;);\n  }\n  let blob = new Blob([ str_HtmlCode ], { type: &#39;text\/html&#39; });\n  let strUrl = URL.createObjectURL(blob);\n  window.open( strUrl, &quot;_Blank&quot; );\n}\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"capture\">Capture<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"200\" data-attachment-id=\"116662\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/decoration-examples-preview-htmlcode\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/11\/decoration-examples-Preview-HtmlCode.gif?fit=1200%2C200&amp;ssl=1\" data-orig-size=\"1200,200\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"decoration-examples-Preview-HtmlCode\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/11\/decoration-examples-Preview-HtmlCode.gif?fit=1024%2C171&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/11\/decoration-examples-Preview-HtmlCode.gif?resize=1200%2C200&#038;ssl=1\" alt=\"HTML Code Previewer. Display the HTML text stored in the String type in another window.\" class=\"wp-image-116662\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HTML Code Previewer. Display the HTML text stored in the String type in another window.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"export-text-as-utf8b-file\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1565c0\" class=\"has-inline-color\">Export Text as UTF8B-File<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input-output\">Input\/Output<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Referrer:<ul><li>Multiline STRING form<\/li><\/ul><\/li><li>Target:<ul><li>(download)<\/li><\/ul><\/li><\/ul>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div class=&quot;form-data-item-wrapper column column-1 &quot; data-pdd-number=&quot;0&quot; data-type=&quot;STRING&quot; data-sub-type=&quot;&quot;\n data-form-type=&quot;TEXTAREA&quot; data-var-name=&quot;q_Multiline_String&quot; data-accessibility=&quot;READWRITE&quot; data-field-name=&quot;data[0].input&quot;&gt;\n  &lt;div class=&quot;item  &quot;&gt;&lt;label class=&quot;item-label&quot;&gt;Multiline String&lt;\/label&gt;&lt;!--\u6587\u5b57\u5217\u578b--&gt;\n  &lt;textarea name=&quot;data[0].input&quot; rows=&quot;15&quot; placeholder=&quot;&quot; style=&quot;resize: both;&quot; class=&quot;fit&quot;&gt;I am a cat.\nAs yet I have no name. I&#39;ve no idea where I was born.\nAll I remember is that I was miaowing in a dampish dark place when, for the first time, I saw a human being.\n  &lt;\/textarea&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-of-description-setting\">Example of DESCRIPTION setting<\/h4>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"export_text_as_utf8b-file\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>vanilla JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;button type=&#39;button&#39; onclick=&#39;user_exportTextAsFile0()&#39;&gt;Save as Text File&lt;\/button&gt;\n&lt;script&gt;\nfunction user_exportTextAsFile0(){\n  let str_Multiline_String = qbpms.form.get(&quot;q_Multiline_String&quot;);\n  let bom  = new Uint8Array([0xEF, 0xBB, 0xBF]);\n  let blob = new Blob([bom, str_Multiline_String], {type: &#39;text\/plain&#39;});\n  let url = (window.URL || window.webkitURL).createObjectURL(blob);\n  let link = document.createElement(&#39;a&#39;);\n  link.download = &#39;download.txt&#39;;\n  link.href = url;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n}\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"capture\">Capture<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"257\" data-attachment-id=\"115093\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/decoration-examples-export-text-as-file\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?fit=1200%2C301&amp;ssl=1\" data-orig-size=\"1200,301\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"decoration-examples-Export-Text-as-File\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?fit=1024%2C257&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?resize=1024%2C257&#038;ssl=1\" alt=\"\" class=\"wp-image-115093\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?resize=1024%2C257&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?resize=600%2C151&amp;ssl=1 600w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File.gif?resize=768%2C193&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"214\" data-attachment-id=\"115095\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/decoration-examples-export-text-as-file-guidepanel\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?fit=1200%2C251&amp;ssl=1\" data-orig-size=\"1200,251\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"decoration-examples-Export-Text-as-File-GuidePanel\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?fit=1024%2C214&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?resize=1024%2C214&#038;ssl=1\" alt=\"Convert string data to a text file.\" class=\"wp-image-115095\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?resize=1024%2C214&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?resize=600%2C126&amp;ssl=1 600w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/10\/decoration-examples-Export-Text-as-File-GuidePanel.gif?resize=768%2C161&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Convert string data to a text file.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-form-history-via-rest-api\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1565c0\" class=\"has-inline-color\">Check Form History via REST API<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input-output-1\">Input \/ Output<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Referrer:<ul><li>(<code>\/API\/OR\/ProcessInstance\/list<\/code>)<\/li><\/ul><\/li><li>Target:<ul><li>span &#8220;<code>user_Result8<\/code>&#8220;<\/li><li>Singleline STRING form, &#8220;<code>q_string8<\/code>&#8220;<\/li><\/ul><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-of-description-setting-1\">Example of DESCRIPTION setting<\/h4>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"Check_Form_History_via_REST_API_javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>vanilla JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;button onclick=&quot;user_getHistory8()&quot; type=&quot;button&quot; class=&quot;user_Search&quot;&gt;Sample Search \u2192&lt;\/button&gt;\n&lt;span id=&quot;user_Result8&quot;&gt;&lt;\/span&gt;\n&lt;script&gt;\ndocument.addEventListener(&quot;click&quot;, function (e) {\n  console.log( &quot; DocumentElement clicked: &quot; + e.target.textContent );\n  if (e.target.classList.contains(&quot;user_Appender&quot;)) {\n    qbpms.form.set( &quot;q_string8&quot;, e.target.value );                   \/\/\/EDIT\/\/\/\n  }\n});\nfunction user_getHistory8() {\n  let numTARGETID      = 8;                                          \/\/\/EDIT\/\/\/\n  let numLIMITSIZE     = 10;                                         \/\/\/EDIT\/\/\/\n  let numWORKFLOWAPPID = 1883;                                       \/\/\/EDIT\/\/\/\n  let strSearchWord    = qbpms.form.get( &quot;q_string8&quot; );              \/\/\/EDIT\/\/\/\n  let elResultSpan     = document.querySelector(&quot;#user_Result8&quot;);    \/\/\/EDIT\/\/\/\n\n  let objCriteria = {}; \/\/ JSON criteria: (BPMS v13.3~)\n      \/\/ https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/4415341995289\n      \/\/ https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/4415341995289\n      objCriteria.processModelInfoId = numWORKFLOWAPPID;\n      objCriteria.processInstanceState = [];\n      objCriteria.processInstanceState[0] = &quot;ENDED&quot;; \/\/ only completed instances\n      if ( strSearchWord !== &quot;&quot; ) {\n        objCriteria.data = [];\n        objCriteria.data[0] = {};\n        objCriteria.data[0].type   = &quot;string&quot;;\n        objCriteria.data[0].number = numTARGETID;\n        objCriteria.data[0].method = &quot;contains&quot;;\n        objCriteria.data[0].value  = strSearchWord;\n      }\n      objCriteria.fields = [];\n      objCriteria.fields[0] = {};\n      objCriteria.fields[0].type   = &quot;string&quot;;\n      objCriteria.fields[0].number = numTARGETID;\n  let xhr = new XMLHttpRequest();\n      xhr.open( &quot;GET&quot;, &quot;\/API\/OR\/ProcessInstance\/list?limit=&quot; + numLIMITSIZE +\n                       &quot;&criteria=&quot; + encodeURIComponent(JSON.stringify(objCriteria)) );\n      xhr.responseType = &#39;json&#39;;\n      xhr.send();\n      xhr.onload = function() {\n        if (xhr.status != 200) {\n          console.error(`Error ${xhr.status}: ${xhr.statusText}`); \/\/ e.g. &quot;404: Not Found&quot;\n        } else { \/\/ show the result\n          let objResponse = xhr.response;\n          console.log( &quot; Decoration XHR: Found PastData &quot; + objResponse.processInstances.length + \n                       &quot;\/&quot; + objResponse.count  );\n          elResultSpan.innerHTML = &quot;&quot;; \/\/ clear\n          for (let i = 0; i &lt; objResponse.processInstances.length; i++ ) {\n            let elNewAnchor = document.createElement(&quot;a&quot;);\n                elNewAnchor.href      = &quot;\/OR\/ProcessInstance\/view?processInstanceId=&quot; + \n                                        objResponse.processInstances[i].processInstanceId;\n                elNewAnchor.target    = &quot;_blank&quot;;\n                elNewAnchor.innerText = &quot;p&quot; + objResponse.processInstances[i].processInstanceId;\n            let elNewButton = document.createElement(&quot;button&quot;);\n                elNewButton.type = &quot;button&quot;;\n                elNewButton.classList.add(&quot;user_Appender&quot;);\n                if ( objResponse.processInstances[i].data[numTARGETID].value === null ){\n                  elNewButton.value     = &quot;&quot;;\n                  elNewButton.innerHTML = &quot;\u2205&quot;;\n                }else{\n                  elNewButton.value     = objResponse.processInstances[i].data[numTARGETID].value;\n                  elNewButton.innerText = objResponse.processInstances[i].data[numTARGETID].value;\n                }\n            \/\/ &quot;&lt;a&gt;p123&lt;\/a&gt;=&lt;button&gt;\u6d88\u8017\u54c1\u8cbb&lt;\/button&gt;&quot;\n            elResultSpan.append( &quot; &quot;, elNewAnchor,&quot;=&quot; );\n            elResultSpan.append( elNewButton );\n          }\n        }\n        console.log( &quot; Decoration XHR: finished &quot; );\n      };\n      xhr.onerror = function() {\n        alert(&quot;Request failed&quot;);\n      };\n}\n&lt;\/script&gt;\n&lt;style type=&quot;text\/css&quot;&gt;\nbutton.user_Appender {\n    border          : 0;\n    line-height     : 1.2;\n    padding         : 3px 8px;\n    font-size       : 0.9rem;\n    text-align      : center;\n    color           : #fff;\n    text-shadow     : 1px 1px 1px #000;\n    border-radius   : 10px;\n    background-color: #050505;\n}\nbutton.user_Appender:hover {\n    background-color: #00bb00;\n}\nbutton.user_Appender:active {\n    box-shadow      : inset -2px -2px 3px rgba(255, 255, 255, .6),\n                      inset 2px 2px 3px rgba(0, 0, 0, .6);\n}\n\nbutton.user_Search {\n  display       : inline-block;\n  border-radius : 5%;\n  font-size     : 1rem;\n  text-align    : center;\n  cursor        : pointer;\n  padding       : 5px 20px;\n  background    : #009900;\n  color         : #ffffff;\n  line-height   : 1em;\n  transition    : .3s;\n  box-shadow    : 2px 2px 3px #666666;\n  border        : 2px solid #009900;\n}\nbutton.user_Search:hover {\n  box-shadow    : none;\n  color         : #009900;\n  background    : #ffffff;\n}\n&lt;\/style&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"capture-1\">Capture<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" data-attachment-id=\"119029\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/form-decoration-examples-api20211011\/attachment\/check-form-history-via-rest-api\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/02\/Check-Form-History-via-REST-API.gif?fit=1024%2C384&amp;ssl=1\" data-orig-size=\"1024,384\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Check-Form-History-via-REST-API\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/02\/Check-Form-History-via-REST-API.gif?fit=1024%2C384&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/02\/Check-Form-History-via-REST-API.gif?resize=1024%2C384&#038;ssl=1\" alt=\"\" class=\"wp-image-119029\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Searches to past data via &#8220;Questetra Workflow API&#8221; (completed process instance only), then Shows 10 samples. Note that it depends on the user&#8217;s privileges and history.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#1565c0;color:#1565c0\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accelerate your Workflow!! Since you can set HTML and JavaScript as well as plain text, various things that enhance business efficiency can be realized. *Decoration is at your own risk.<\/p>\n","protected":false},"author":2,"featured_media":98018,"parent":97486,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-115088","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=900%2C675&ssl=1",900,675,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=600%2C675&ssl=1",600,675,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=800%2C675&ssl=1",800,675,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/11\/qmascot-workflow-form-decoration.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"IMAMURA, Genichi","author_link":"https:\/\/support.questetra.com\/en\/author\/imamuragenichi\/"},"uagb_comment_info":0,"uagb_excerpt":"Accelerate your Workflow!! Since you can set HTML and JavaScript as well as plain text, various things that enhance business efficiency can be realized. *Decoration is at your own risk.","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9DiIh-tWg","jetpack-related-posts":[{"id":97486,"url":"https:\/\/support.questetra.com\/en\/tips\/","url_meta":{"origin":115088,"position":0},"title":"Developer Tips","author":"IMAMURA, Genichi","date":"2020-11-05","format":false,"excerpt":"Tips and tricks for using Workflow Platform.","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2,"url":"https:\/\/support.questetra.com\/en\/","url_meta":{"origin":115088,"position":1},"title":"How to Master Questetra","author":"Hirotaka NISHI","date":"2017-06-19","format":false,"excerpt":"Support site for Questetra user. Workflow Designer develops \u201cWorkflow Apps\u201d by arranging the Human Step and Automated Step with the mouse.","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/06\/default-thumbnail.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/06\/default-thumbnail.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/06\/default-thumbnail.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/06\/default-thumbnail.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/06\/default-thumbnail.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":125547,"url":"https:\/\/support.questetra.com\/en\/tips\/task-form-decoration-202208\/","url_meta":{"origin":115088,"position":2},"title":"Task Form Decoration 202208","author":"IMAMURA, Genichi","date":"2022-07-28","format":false,"excerpt":"UI\/UX design is extremely important for improving business processes. These are examples of Task Form decorations for workflow app administrators. Please feel free to use these code examples. (Note that you do so at your own risk, low-code programming skills in JavaScript are required.) UI\/UX\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u6539\u5584\u306b\u304a\u3044\u3066\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u51e6\u7406\u30d5\u30a9\u30fc\u30e0\u753b\u9762\uff08\u30bf\u30b9\u30af\u30d5\u30a9\u30fc\u30e0\uff09\u306e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u4f8b\u3067\u3059\u3002\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u30ea\u7ba1\u7406\u8005\u306e\u307f\u306a\u3055\u307e\u306b\u3001\u81ea\u7531\u306b\u3054\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\uff08\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u81ea\u8eab\u306e\u8cac\u4efb\u3067\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002JavaScript \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\uff09","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Task Form Decoration","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":125757,"url":"https:\/\/support.questetra.com\/ja\/tips\/task-form-decoration-202208\/","url_meta":{"origin":115088,"position":3},"title":"Task Form Decoration 202208","author":"IMAMURA, Genichi","date":"2022-07-28","format":false,"excerpt":"UI\/UX design is extremely important for improving business processes. These are examples of Task Form decorations for workflow app administrators. Please feel free to use these code examples. (Note that you do so at your own risk, low-code programming skills in JavaScript are required.) UI\/UX\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u6539\u5584\u306b\u304a\u3044\u3066\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u51e6\u7406\u30d5\u30a9\u30fc\u30e0\u753b\u9762\uff08\u30bf\u30b9\u30af\u30d5\u30a9\u30fc\u30e0\uff09\u306e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u4f8b\u3067\u3059\u3002\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u30ea\u7ba1\u7406\u8005\u306e\u307f\u306a\u3055\u307e\u306b\u3001\u81ea\u7531\u306b\u3054\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\uff08\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u81ea\u8eab\u306e\u8cac\u4efb\u3067\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002JavaScript \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\uff09","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Task Form Decoration","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":194806,"url":"https:\/\/support.questetra.com\/en\/learning\/","url_meta":{"origin":115088,"position":4},"title":"Self-Study Resources","author":"Kitao","date":"2018-08-07","format":false,"excerpt":"If you are trying Questetra BPM Suite for the first time, learn the basics of Workflow modeling with \"Designing Your First Workflow Application\". If you're looking for our \"FAQ\", please see here.","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/09\/questetra-support-1200-628.png?fit=1200%2C628&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/09\/questetra-support-1200-628.png?fit=1200%2C628&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/09\/questetra-support-1200-628.png?fit=1200%2C628&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/09\/questetra-support-1200-628.png?fit=1200%2C628&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2026\/09\/questetra-support-1200-628.png?fit=1200%2C628&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":142053,"url":"https:\/\/support.questetra.com\/en\/tips\/workflow-script-example\/","url_meta":{"origin":115088,"position":5},"title":"Workflow Script Example","author":"IMAMURA, Genichi","date":"2023-02-09","format":false,"excerpt":"The No-Code development platform \"Questetra BPM Suite\" can also incorporate script codes (ECMAScript\/JavaScript) within Workflow-Apps. In other words, those who have coding skills can realize automation of \"complex data processing\" and \"communication with external APIs\". Note that the script code is copyrighted. When using [ServiceTask] packaged (modularized) by a third\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Workflow Script Example","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/115088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=115088"}],"version-history":[{"count":29,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/115088\/revisions"}],"predecessor-version":[{"id":125782,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/115088\/revisions\/125782"}],"up":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/97486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/98018"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=115088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}