This commit is contained in:
github-actions[bot]
2026-01-06 07:01:16 +00:00
parent 281c6fd685
commit 23d237af47
171 changed files with 206 additions and 204 deletions
+8 -8
View File
@@ -5,7 +5,7 @@
<meta name="generator" content="Docusaurus v3.7.0">
<title data-rh="true">Create Document | OpenSign™</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" name="twitter:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" property="og:url" content="https://docs.opensignlabs.com/docs/API-docs/v1.1/createdocument"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Create Document | OpenSign™"><meta data-rh="true" name="description" content="The Create Document API allows users to generate new documents by providing data with base64 encoded file."><meta data-rh="true" property="og:description" content="The Create Document API allows users to generate new documents by providing data with base64 encoded file."><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://docs.opensignlabs.com/docs/API-docs/v1.1/createdocument"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/v1.1/createdocument" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/v1.1/createdocument" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="OpenSign™ RSS Feed">
<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="OpenSign™ Atom Feed"><link rel="stylesheet" href="/assets/css/styles.6bed5790.css">
<script src="/assets/js/runtime~main.6c84168f.js" defer="defer"></script>
<script src="/assets/js/runtime~main.283ca9a4.js" defer="defer"></script>
<script src="/assets/js/main.57822f54.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
@@ -59,7 +59,7 @@
<ol start="8">
<li><strong>date</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;04-15-2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm-dd-yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;min_date&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;max_date&quot;: &quot;&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;04-15-2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm-dd-yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;min_date&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;max_date&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;signing_date&quot;: false</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>default:</strong> Provide the date from which you want to start the date of the date widget. Must be provided in the specified format. By default, today&#x27;s date provided.</li>
<li><strong>format:</strong> Specify the date format of your choice from the options below.<!-- -->
@@ -79,6 +79,7 @@
</li>
<li><strong>min_date:</strong> Provide the minimum restriction date. The date must be in <strong>YYYY-MM-DD</strong> format.</li>
<li><strong>max_date:</strong> Provide the maximum restriction date. The date must be in <strong>YYYY-MM-DD</strong> format.</li>
<li><strong>signing_date</strong>: If signing_date is set to true, the signing date is shown to the signer during signing. You may set either signing_date or default, but not both. Using both is not supported.</li>
</ul>
<ol start="9">
<li><strong>textbox</strong></li>
@@ -143,12 +144,11 @@
<li><strong>cell_count:</strong> Specify the number of cells that should be returned to the user.</li>
</ul>
<p><strong>Prefill Widgets:</strong> Prefill widgets are elements that are inserted into a document <strong>before</strong> it is shared with a user. Only the document creator has permission to add them.</p>
<p><strong>Note:</strong> Responses for prefill widgets are <strong>required</strong>.</p>
<p><strong>List of widgets supported in Prefill</strong></p>
<ol>
<li><strong>textbox</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 290,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 165,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 150,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 20,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;joe&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;red&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 290,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 165,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 150,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 20,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;joe&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;red&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>response:</strong> Enter the text you would like to display inside the textbox.</li>
<li><strong>color:</strong> Choose the text color (options: black, blue, or red).</li>
@@ -156,7 +156,7 @@
<ol start="2">
<li><strong>date</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 173,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 588,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;04/15/2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm/dd/yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> } </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 173,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 588,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;04/15/2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm/dd/yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> } </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>response:</strong> Enter the date you would like to display inside the date box.</li>
<li><strong>format:</strong> Specify the date format of your choice from the options below.<!-- -->
@@ -179,7 +179,7 @@
<ol start="3">
<li><strong>checkbox</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 172,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 630,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: [&quot;male&quot;, &quot;female&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 172,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 630,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: [&quot;male&quot;, &quot;female&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>values:</strong> Provide options for the checkbox list.</li>
<li><strong>response:</strong> Provide values that need to be selected.</li>
@@ -189,7 +189,7 @@
<ol start="4">
<li><strong>radio button</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;radio button&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 173,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 718,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;radio button&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;male&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> } </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;radio button&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 173,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 718,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;radio button&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;: &quot;male&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> } </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>values:</strong> Provide options for the radio button list.</li>
<li><strong>response:</strong> Provide the value that needs to be selected. Only one value is accepted.</li>
@@ -199,7 +199,7 @@
<ol start="5">
<li><strong>image</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 100,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 95,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 92,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 55,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;:&quot;iVBORw0KGgoAAAANSUhEUgAAAmoAAA...&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 100,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 95,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 92,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 55,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;response&quot;:&quot;iVBORw0KGgoAAAANSUhEUgAAAmoAAA...&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>response:</strong> Provide image in base64 format like iVBORw0KGgoAAAANSUhEUgA... or data<!-- -->:image<!-- -->/png;base64,iVBORw0KGgoAAAANSUhEUgA....</li>
</ul>