This commit is contained in:
github-actions[bot]
2026-03-02 08:26:20 +00:00
parent 1d470dd8b7
commit fd65067ea4
172 changed files with 239 additions and 243 deletions
+12 -13
View File
@@ -5,7 +5,7 @@
<meta name="generator" content="Docusaurus v3.9.2">
<title data-rh="true">Draft 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/draftdocument"><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="Draft Document | OpenSign™"><meta data-rh="true" name="description" content="The Draft Document API allows users to generate new documents by providing data with a base64 encoded file."><meta data-rh="true" property="og:description" content="The Draft Document API allows users to generate new documents by providing data with a 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/draftdocument"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/v1.1/draftdocument" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/v1.1/draftdocument" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"v1.1","item":"https://docs.opensignlabs.com/docs/API-docs/v1.1"},{"@type":"ListItem","position":2,"name":"Draft Document","item":"https://docs.opensignlabs.com/docs/API-docs/v1.1/draftdocument"}]}</script><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.03fa8acf.css">
<script src="/assets/js/runtime~main.8bbf5201.js" defer="defer"></script>
<script src="/assets/js/runtime~main.9e610c3a.js" defer="defer"></script>
<script src="/assets/js/main.62d29b20.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
@@ -29,40 +29,41 @@
<li class=""><strong>color:</strong> Specifies the color of the widget content. Available options include black, blue, red, and yellow, with black as the default selection if no color is specified. This parameter is optional and is applicable to the following widgets: email, name, job title, company, date, textbox, checkbox, radio button, and dropdown.</li>
<li class=""><strong>fontsize:</strong> Specifies the fontsize of the widget content. Available options include 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, and 28, with a default fontsize of 12 if not specified. This parameter is optional and is applicable to the following widgets: email, name, job title, company, date, textbox, checkbox, radio button, and dropdown.</li>
<li class=""><strong>hide_text_with_asterisks:</strong> When enabled, the text on the signed document is hidden from recipients using asterisks, but remains fully visible to the document owner in their OpenSign account. This option is available only on Teams and Enterprise plans.</li>
<li class=""><strong>hint:</strong> Specify the hint for widgets. This parameter is optional and is not applicable to the following widgets: checkbox, radio button, dropdown.</li>
</ul>
<p><strong>List of all supported widgets:</strong></p>
<ol>
<li class=""><strong>signature</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;signature&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">}</span><br></span></code></pre></div></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;signature&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;hint&quot;: &quot;Provide signature&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></div>
<ol start="2">
<li class=""><strong>stamp</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;stamp&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;stamp&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;stamp&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;stamp&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;Provide stamp&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></div>
<ol start="3">
<li class=""><strong>initials</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;initials&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;initials&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;initials&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;initials&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;Provide initials&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></div>
<ol start="4">
<li class=""><strong>email</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;email&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;email&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;hide_text_with_asterisks&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;email&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;email&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;hint&quot;: &quot;Provide email&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hide_text_with_asterisks&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></div>
<ol start="5">
<li class=""><strong>name</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;name&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;name&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;hide_text_with_asterisks&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;name&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;name&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;hint&quot;: &quot;Provide name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hide_text_with_asterisks&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></div>
<ol start="6">
<li class=""><strong>job Title</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;job title&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;job title&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;hide_text_with_asterisks&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;job title&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;job title&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;hint&quot;: &quot;Provide job title&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hide_text_with_asterisks&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></div>
<ol start="7">
<li class=""><strong>company</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;company&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;company&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;hide_text_with_asterisks&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;company&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;company&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;hint&quot;: &quot;Provide company&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hide_text_with_asterisks&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></div>
<ol start="8">
<li class=""><strong>date</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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"> &quot;hint&quot;: &quot;Provide date&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></div>
<ul>
<li class=""><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 class=""><strong>format:</strong> Specify the date format of your choice from the options below.<!-- -->
@@ -90,7 +91,6 @@
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;: 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;name&quot;: &quot;textbox&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;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;provide name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;regularexpression&quot;: &quot;&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;hide_text_with_asterisks&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></div>
<ul>
<li class=""><strong>default:</strong> Provide a default value for the textbox (Optional).</li>
<li class=""><strong>hint:</strong> Provide a hint for the textbox (Optional).</li>
<li class=""><strong>regularexpression:</strong> A custom regex pattern for validation - for example, /^\d+$/ to permit only digits, /^[A-Z]+$/ to permit only uppercase letters, etc. <a href="https://www.w3schools.com/jsref/jsref_obj_regexp.asp" target="_blank" rel="noopener noreferrer" class="">help</a> (Optional).</li>
<li class=""><strong>readonly:</strong> Set to true if you want to set the textbox as readonly. By default, it&#x27;s false.</li>
</ul>
@@ -127,15 +127,14 @@
<ol start="13">
<li class=""><strong>image</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;: 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;image&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;: 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;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;Provide image&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></div>
<ol start="14">
<li class=""><strong>number</strong></li>
</ol>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;number&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;: 107,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 528,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 60,</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;number&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;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: 0,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;Enter number&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;formula&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;decimalplaces&quot;: 2,</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;hide_text_with_asterisks&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></div>
<div class="language-text codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><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;number&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;: 107,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 528,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 60,</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;number&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;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: 0,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;Provide number&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;formula&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;decimalplaces&quot;: 2,</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;hide_text_with_asterisks&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></div>
<ul>
<li class=""><strong>formula:</strong> Compute the value from other number widgets using +, -, *, /, (, ). Reference widgets by their name in double curly braces, e.g. {{quantity}} * {{rate}}. to know more <a href="https://docs.opensignlabs.com/docs/help/New-Document/widgets" target="_blank" rel="noopener noreferrer" class="">visit here</a> (optional).</li>
<li class=""><strong>default:</strong> Provide a default number (Optional).</li>
<li class=""><strong>hint:</strong> Provide a hint for the number (Optional).</li>
<li class=""><strong>readonly:</strong> Set to true if you want to set the textbox as readonly. By default, it&#x27;s false.</li>
<li class=""><strong>decimalplaces:</strong> Number of digits to display after the decimal point. e.g: 2 =&gt; 12.00, 0 =&gt; 12 (default 2)</li>
</ul>