mirror of
https://github.com/OpenSignLabs/OpenSign.git
synced 2026-09-26 19:44:53 +02:00
1 line
183 KiB
JavaScript
1 line
183 KiB
JavaScript
"use strict";(globalThis.webpackChunkOpenSign_Docs=globalThis.webpackChunkOpenSign_Docs||[]).push([[9631],{91931(e,i,n){n.r(i),n.d(i,{assets:()=>h,contentTitle:()=>t,default:()=>x,frontMatter:()=>l,metadata:()=>d,toc:()=>c});const d=JSON.parse('{"id":"help/New-Document/conditional_logic","title":"Conditional logic","description":"The Conditional Logic feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document.","source":"@site/docs/help/New-Document/conditional_logic.md","sourceDirName":"help/New-Document","slug":"/help/New-Document/conditional_logic","permalink":"/docs/help/New-Document/conditional_logic","draft":false,"unlisted":false,"editUrl":"https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/New-Document/conditional_logic.md","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"sidebar_position":6,"title":"Conditional logic"},"sidebar":"tutorialSidebar","previous":{"title":"Enforce email OTP verification","permalink":"/docs/help/New-Document/enforce-email-verification"},"next":{"title":"Manage Docs using OpenSign\u2122 Drive","permalink":"/docs/category/manage-docs-using-opensign-drive"}}');var r=n(74848),s=n(28453);const l={sidebar_position:6,title:"Conditional logic"},t="Conditional Logic",h={},c=[{value:"What Can Conditional Logic Do?",id:"what-can-conditional-logic-do",level:2},{value:"Show this Field",id:"show-this-field",level:3},{value:"Hide this Field",id:"hide-this-field",level:3},{value:"Make Required",id:"make-required",level:3},{value:"Make Optional",id:"make-optional",level:3},{value:"Benefits of Conditional Logic",id:"benefits-of-conditional-logic",level:2},{value:"Text Input Widget - Conditional Logic",id:"text-input-widget---conditional-logic",level:2},{value:"All Conditions (AND)",id:"all-conditions-and",level:2},{value:"Example",id:"example",level:3},{value:"Any Condition (OR)",id:"any-condition-or",level:2},{value:"Example",id:"example-1",level:3},{value:"Text Input as the Trigger Widget",id:"text-input-as-the-trigger-widget",level:2},{value:"Supported Operators",id:"supported-operators",level:3},{value:"Show this Field",id:"show-this-field-1",level:3},{value:"Configuration",id:"configuration",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal",level:3},{value:"Configuration",id:"configuration-1",level:3},{value:"Hide this Field",id:"hide-this-field-1",level:3},{value:"Configuration",id:"configuration-2",level:3},{value:"Make Required",id:"make-required-1",level:3},{value:"Configuration",id:"configuration-3",level:3},{value:"Make Optional",id:"make-optional-1",level:2},{value:"Configuration",id:"configuration-4",level:3},{value:"Number Widget as the Trigger",id:"number-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-1",level:3},{value:"Show the Text Input Field",id:"show-the-text-input-field",level:3},{value:"Configuration",id:"configuration-5",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-1",level:3},{value:"Configuration",id:"configuration-6",level:3},{value:"Hide this Field",id:"hide-this-field-2",level:3},{value:"Configuration",id:"configuration-7",level:3},{value:"Make Required",id:"make-required-2",level:3},{value:"Configuration",id:"configuration-8",level:3},{value:"Make Optional",id:"make-optional-2",level:3},{value:"Configuration",id:"configuration-9",level:3},{value:"Dropdown Widget as the Trigger",id:"dropdown-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-2",level:3},{value:"Show this Field",id:"show-this-field-2",level:3},{value:"Configuration",id:"configuration-10",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-2",level:3},{value:"Configuration",id:"configuration-11",level:3},{value:"Hide this Field",id:"hide-this-field-3",level:3},{value:"Configuration",id:"configuration-12",level:3},{value:"Make Required",id:"make-required-3",level:3},{value:"Configuration",id:"configuration-13",level:3},{value:"Make Optional",id:"make-optional-3",level:3},{value:"Configuration",id:"configuration-14",level:3},{value:"Checkbox Widget as the Trigger",id:"checkbox-widget-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-3",level:3},{value:"Configuration",id:"configuration-15",level:3},{value:"Hide this Field",id:"hide-this-field-4",level:3},{value:"Configuration",id:"configuration-16",level:3},{value:"Make Required",id:"make-required-4",level:3},{value:"Configuration",id:"configuration-17",level:3},{value:"Make Optional",id:"make-optional-4",level:3},{value:"Configuration",id:"configuration-18",level:3},{value:"Is Not Checked",id:"is-not-checked",level:3},{value:"Example",id:"example-2",level:3},{value:"Radio Button as the Trigger",id:"radio-button-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-4",level:3},{value:"Configuration",id:"configuration-19",level:3},{value:"Hide this Field",id:"hide-this-field-5",level:3},{value:"Configuration",id:"configuration-20",level:3},{value:"Make Required",id:"make-required-5",level:3},{value:"Configuration",id:"configuration-21",level:3},{value:"Make Optional",id:"make-optional-5",level:3},{value:"Configuration",id:"configuration-22",level:3},{value:"Multiple Conditions",id:"multiple-conditions",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-1",level:3},{value:"Best Practices",id:"best-practices",level:3},{value:"Notes",id:"notes",level:3},{value:"Number Widget - Conditional Logic",id:"number-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-1",level:3},{value:"Supported Actions",id:"supported-actions-1",level:3},{value:"Condition Types",id:"condition-types-1",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-2",level:3},{value:"Example",id:"example-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-2",level:3},{value:"Example",id:"example-4",level:3},{value:"Number Widget Triggered by a Text Input",id:"number-widget-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-3",level:3},{value:"Show this Field",id:"show-this-field-5",level:3},{value:"Configuration",id:"configuration-23",level:3},{value:"Hide this Field",id:"hide-this-field-6",level:3},{value:"Configuration",id:"configuration-24",level:3},{value:"Make Required",id:"make-required-6",level:3},{value:"Configuration",id:"configuration-25",level:3},{value:"Make Optional",id:"make-optional-6",level:3},{value:"Configuration",id:"configuration-26",level:3},{value:"Number Widget Triggered by Another Number Widget",id:"number-widget-triggered-by-another-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-4",level:3},{value:"Show this Field",id:"show-this-field-6",level:3},{value:"Configuration",id:"configuration-27",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-3",level:3},{value:"Configuration",id:"configuration-28",level:3},{value:"Hide this Field",id:"hide-this-field-7",level:3},{value:"Configuration",id:"configuration-29",level:3},{value:"Make Required",id:"make-required-7",level:3},{value:"Configuration",id:"configuration-30",level:3},{value:"Make Optional",id:"make-optional-7",level:3},{value:"Configuration",id:"configuration-31",level:3},{value:"Number Widget Triggered by a Dropdown",id:"number-widget-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-5",level:2},{value:"Show this Field",id:"show-this-field-7",level:2},{value:"Configuration",id:"configuration-32",level:3},{value:"Hide this Field",id:"hide-this-field-8",level:3},{value:"Configuration",id:"configuration-33",level:3},{value:"Make Required",id:"make-required-8",level:3},{value:"Configuration",id:"configuration-34",level:3},{value:"Make Optional",id:"make-optional-8",level:3},{value:"Configuration",id:"configuration-35",level:3},{value:"Number Widget Triggered by a Checkbox",id:"number-widget-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-8",level:3},{value:"Configuration",id:"configuration-36",level:3},{value:"Hide this Field",id:"hide-this-field-9",level:2},{value:"Configuration",id:"configuration-37",level:3},{value:"Make Required",id:"make-required-9",level:3},{value:"Configuration",id:"configuration-38",level:3},{value:"Make Optional",id:"make-optional-9",level:3},{value:"Configuration",id:"configuration-39",level:3},{value:"Is Not Checked",id:"is-not-checked-1",level:3},{value:"Example",id:"example-5",level:3},{value:"Supported Operators",id:"supported-operators-6",level:3},{value:"Show this Field",id:"show-this-field-9",level:3},{value:"Configuration",id:"configuration-40",level:3},{value:"Hide this Field",id:"hide-this-field-10",level:3},{value:"Configuration",id:"configuration-41",level:3},{value:"Make Required",id:"make-required-10",level:3},{value:"Configuration",id:"configuration-42",level:3},{value:"Make Optional",id:"make-optional-10",level:3},{value:"Configuration",id:"configuration-43",level:3},{value:"Multiple Conditions",id:"multiple-conditions-1",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-3",level:2},{value:"Best Practices",id:"best-practices-1",level:3},{value:"Notes",id:"notes-1",level:3},{value:"Dropdown Widget - Conditional Logic",id:"dropdown-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-2",level:2},{value:"Supported Actions",id:"supported-actions-2",level:2},{value:"Condition Types",id:"condition-types-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-4",level:3},{value:"Example",id:"example-6",level:3},{value:"Any Condition (OR)",id:"any-condition-or-4",level:3},{value:"Example",id:"example-7",level:3},{value:"Dropdown Triggered by a Text Input",id:"dropdown-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-7",level:2},{value:"Show this Field",id:"show-this-field-10",level:2},{value:"Configuration",id:"configuration-44",level:3},{value:"Hide this Field",id:"hide-this-field-11",level:3},{value:"Configuration",id:"configuration-45",level:3},{value:"Make Required",id:"make-required-11",level:3},{value:"Configuration",id:"configuration-46",level:3},{value:"Make Optional",id:"make-optional-11",level:3},{value:"Configuration",id:"configuration-47",level:3},{value:"Dropdown Triggered by a Number Widget",id:"dropdown-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-8",level:2},{value:"Show this Field",id:"show-this-field-11",level:3},{value:"Configuration",id:"configuration-48",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-4",level:3},{value:"Configuration",id:"configuration-49",level:3},{value:"Hide this Field",id:"hide-this-field-12",level:3},{value:"Configuration",id:"configuration-50",level:3},{value:"Make Required",id:"make-required-12",level:3},{value:"Configuration",id:"configuration-51",level:3},{value:"Make Optional",id:"make-optional-12",level:3},{value:"Configuration",id:"configuration-52",level:3},{value:"Dropdown Triggered by Another Dropdown",id:"dropdown-triggered-by-another-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-9",level:3},{value:"Show this Field",id:"show-this-field-12",level:3},{value:"Configuration",id:"configuration-53",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-5",level:3},{value:"Configuration",id:"configuration-54",level:3},{value:"Hide this Field",id:"hide-this-field-13",level:3},{value:"Configuration",id:"configuration-55",level:3},{value:"Make Required",id:"make-required-13",level:3},{value:"Configuration",id:"configuration-56",level:3},{value:"Make Optional",id:"make-optional-13",level:3},{value:"Configuration",id:"configuration-57",level:3},{value:"Dropdown Triggered by a Checkbox",id:"dropdown-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-13",level:3},{value:"Configuration",id:"configuration-58",level:3},{value:"Hide this Field",id:"hide-this-field-14",level:3},{value:"Configuration",id:"configuration-59",level:3},{value:"Make Required",id:"make-required-14",level:3},{value:"Configuration",id:"configuration-60",level:3},{value:"Make Optional",id:"make-optional-14",level:3},{value:"Configuration",id:"configuration-61",level:3},{value:"Is Not Checked",id:"is-not-checked-2",level:3},{value:"Example",id:"example-8",level:3},{value:"Dropdown Triggered by a Radio Button",id:"dropdown-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-10",level:3},{value:"Show this Field",id:"show-this-field-14",level:3},{value:"Configuration",id:"configuration-62",level:3},{value:"Hide this Field",id:"hide-this-field-15",level:3},{value:"Configuration",id:"configuration-63",level:3},{value:"Make Required",id:"make-required-15",level:3},{value:"Configuration",id:"configuration-64",level:3},{value:"Make Optional",id:"make-optional-15",level:3},{value:"Configuration",id:"configuration-65",level:3},{value:"Multiple Conditions",id:"multiple-conditions-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-5",level:2},{value:"Any Condition (OR)",id:"any-condition-or-5",level:3},{value:"Best Practices",id:"best-practices-2",level:3},{value:"Notes",id:"notes-2",level:3},{value:"Checkbox Widget - Conditional Logic",id:"checkbox-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-3",level:3},{value:"Supported Actions",id:"supported-actions-3",level:3},{value:"Condition Types",id:"condition-types-3",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-6",level:2},{value:"Example",id:"example-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-6",level:2},{value:"Example",id:"example-10",level:3},{value:"Checkbox Triggered by a Text Input",id:"checkbox-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-11",level:2},{value:"Show this Field",id:"show-this-field-15",level:3},{value:"Configuration",id:"configuration-66",level:3},{value:"Hide this Field",id:"hide-this-field-16",level:2},{value:"Configuration",id:"configuration-67",level:3},{value:"Make Required",id:"make-required-16",level:3},{value:"Configuration",id:"configuration-68",level:3},{value:"Make Optional",id:"make-optional-16",level:3},{value:"Configuration",id:"configuration-69",level:3},{value:"Checkbox Triggered by a Number Widget",id:"checkbox-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-12",level:3},{value:"Show this Field",id:"show-this-field-16",level:3},{value:"Configuration",id:"configuration-70",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-6",level:3},{value:"Configuration",id:"configuration-71",level:3},{value:"Hide this Field",id:"hide-this-field-17",level:3},{value:"Configuration",id:"configuration-72",level:3},{value:"Make Required",id:"make-required-17",level:3},{value:"Configuration",id:"configuration-73",level:3},{value:"Make Optional",id:"make-optional-17",level:3},{value:"Configuration",id:"configuration-74",level:3},{value:"Checkbox Triggered by a Dropdown",id:"checkbox-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-13",level:3},{value:"Show this Field",id:"show-this-field-17",level:3},{value:"Configuration",id:"configuration-75",level:3},{value:"Hide this Field",id:"hide-this-field-18",level:3},{value:"Configuration",id:"configuration-76",level:3},{value:"Make Required",id:"make-required-18",level:3},{value:"Configuration",id:"configuration-77",level:3},{value:"Make Optional",id:"make-optional-18",level:3},{value:"Configuration",id:"configuration-78",level:3},{value:"Checkbox Triggered by Another Checkbox",id:"checkbox-triggered-by-another-checkbox",level:2},{value:"Show this Field",id:"show-this-field-18",level:3},{value:"Configuration",id:"configuration-79",level:3},{value:"Hide this Field",id:"hide-this-field-19",level:3},{value:"Configuration",id:"configuration-80",level:3},{value:"Make Required",id:"make-required-19",level:3},{value:"Configuration",id:"configuration-81",level:3},{value:"Make Optional",id:"make-optional-19",level:3},{value:"Configuration",id:"configuration-82",level:3},{value:"Is Not Checked",id:"is-not-checked-3",level:3},{value:"Example",id:"example-11",level:3},{value:"Checkbox Triggered by a Radio Button",id:"checkbox-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-14",level:3},{value:"Show this Field",id:"show-this-field-19",level:3},{value:"Configuration",id:"configuration-83",level:3},{value:"Hide this Field",id:"hide-this-field-20",level:3},{value:"Configuration",id:"configuration-84",level:3},{value:"Make Required",id:"make-required-20",level:3},{value:"Configuration",id:"configuration-85",level:3},{value:"Make Optional",id:"make-optional-20",level:3},{value:"Configuration",id:"configuration-86",level:3},{value:"Multiple Conditions",id:"multiple-conditions-3",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-7",level:3},{value:"Any Condition (OR)",id:"any-condition-or-7",level:3},{value:"Best Practices",id:"best-practices-3",level:3},{value:"Notes",id:"notes-3",level:3},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-4",level:2},{value:"Supported Actions",id:"supported-actions-4",level:3},{value:"Condition Types",id:"condition-types-4",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-8",level:3},{value:"Example",id:"example-12",level:3},{value:"Any Condition (OR)",id:"any-condition-or-8",level:3},{value:"Example",id:"example-13",level:3},{value:"Radio Button Triggered by a Text Input",id:"radio-button-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-15",level:3},{value:"Show this Field",id:"show-this-field-20",level:3},{value:"Configuration",id:"configuration-87",level:3},{value:"Hide this Field",id:"hide-this-field-21",level:3},{value:"Configuration",id:"configuration-88",level:3},{value:"Make Required",id:"make-required-21",level:3},{value:"Configuration",id:"configuration-89",level:3},{value:"Make Optional",id:"make-optional-21",level:3},{value:"Configuration",id:"configuration-90",level:3},{value:"Radio Button Triggered by a Number Widget",id:"radio-button-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-16",level:3},{value:"Show this Field",id:"show-this-field-21",level:3},{value:"Configuration",id:"configuration-91",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-7",level:3},{value:"Configuration",id:"configuration-92",level:3},{value:"Hide this Field",id:"hide-this-field-22",level:3},{value:"Configuration",id:"configuration-93",level:3},{value:"Make Required",id:"make-required-22",level:3},{value:"Configuration",id:"configuration-94",level:3},{value:"Make Optional",id:"make-optional-22",level:3},{value:"Configuration",id:"configuration-95",level:3},{value:"Radio Button Triggered by a Dropdown",id:"radio-button-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-17",level:3},{value:"Show this Field",id:"show-this-field-22",level:3},{value:"Configuration",id:"configuration-96",level:3},{value:"Hide this Field",id:"hide-this-field-23",level:3},{value:"Configuration",id:"configuration-97",level:3},{value:"Make Required",id:"make-required-23",level:3},{value:"Configuration",id:"configuration-98",level:3},{value:"Make Optional",id:"make-optional-23",level:3},{value:"Configuration",id:"configuration-99",level:3},{value:"Radio Button Triggered by a Checkbox",id:"radio-button-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-23",level:3},{value:"Configuration",id:"configuration-100",level:3},{value:"Hide this Field",id:"hide-this-field-24",level:3},{value:"Configuration",id:"configuration-101",level:3},{value:"Make Required",id:"make-required-24",level:3},{value:"Configuration",id:"configuration-102",level:3},{value:"Make Optional",id:"make-optional-24",level:3},{value:"Configuration",id:"configuration-103",level:3},{value:"Is Not Checked",id:"is-not-checked-4",level:3},{value:"Example",id:"example-14",level:3},{value:"Radio Button Triggered by Another Radio Button",id:"radio-button-triggered-by-another-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-18",level:3},{value:"Show this Field",id:"show-this-field-24",level:3},{value:"Configuration",id:"configuration-104",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-8",level:3},{value:"Configuration",id:"configuration-105",level:3},{value:"Hide this Field",id:"hide-this-field-25",level:3},{value:"Configuration",id:"configuration-106",level:3},{value:"Make Required",id:"make-required-25",level:3},{value:"Configuration",id:"configuration-107",level:3},{value:"Make Optional",id:"make-optional-25",level:3},{value:"Configuration",id:"configuration-108",level:3},{value:"Multiple Conditions",id:"multiple-conditions-4",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-9",level:3},{value:"Best Practices",id:"best-practices-4",level:3},{value:"Notes",id:"notes-4",level:3}];function o(e){const i={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.header,{children:(0,r.jsx)(i.h1,{id:"conditional-logic",children:"Conditional Logic"})}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Conditional Logic"})," feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document."]}),"\n",(0,r.jsx)(i.p,{children:"Instead of displaying every field at once, Conditional Logic helps you create intelligent, interactive forms by showing, hiding, or changing the requirements of fields only when specific conditions are met. This simplifies the signing experience by displaying only the fields that are relevant to the signer."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"what-can-conditional-logic-do",children:"What Can Conditional Logic Do?"}),"\n",(0,r.jsx)("img",{width:"723",alt:"conditional_logic_Actions",src:"https://github.com/user-attachments/assets/219adc48-65e9-48f5-ab1b-a2e870491660"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure a widget to perform one of the following actions:"}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field",children:"Show this Field"}),"\n",(0,r.jsx)(i.p,{children:"Displays the target widget only when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Employee"})," from a Dropdown field, an ",(0,r.jsx)(i.strong,{children:"Employee ID"})," field can be displayed automatically."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field",children:"Hide this Field"}),"\n",(0,r.jsx)(i.p,{children:"Hides the target widget when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have a secondary address?", the ',(0,r.jsx)(i.strong,{children:"Secondary Address"})," fields can be hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required",children:"Make Required"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget mandatory when the configured condition is met. The signer must complete the field before they can finish signing the document."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Yes"}),' for "Are you currently employed?", the ',(0,r.jsx)(i.strong,{children:"Employer Name"})," field becomes required."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional",children:"Make Optional"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget optional when the configured condition is met. The signer can complete the document without filling in that field."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have previous work experience?", the ',(0,r.jsx)(i.strong,{children:"Previous Employer"})," field becomes optional."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"benefits-of-conditional-logic",children:"Benefits of Conditional Logic"}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps you build dynamic and user-friendly documents by:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Displaying only relevant fields to the signer."}),"\n",(0,r.jsx)(i.li,{children:"Reducing unnecessary data entry."}),"\n",(0,r.jsx)(i.li,{children:"Creating interactive forms without requiring multiple document templates."}),"\n",(0,r.jsx)(i.li,{children:"Simplifying complex workflows."}),"\n",(0,r.jsx)(i.li,{children:"Improving the signing experience."}),"\n",(0,r.jsx)(i.li,{children:"Ensuring required information is collected only when applicable."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"text-input-widget---conditional-logic",children:"Text Input Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Text Input"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior based on values entered or selected in other widgets."]}),"\n",(0,r.jsx)("img",{width:"1469",alt:"textinput condtional logic",src:"https://github.com/user-attachments/assets/919846c6-5cf7-4ce6-83b7-cf19e618d8f3"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Text Input widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show the field"}),"\n",(0,r.jsx)(i.li,{children:"Hide the field"}),"\n",(0,r.jsx)(i.li,{children:"Make the field required"}),"\n",(0,r.jsx)(i.li,{children:"Make the field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant to the signer based on their responses."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-trigger-widgets",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget supports the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-actions",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Text Input widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"condition-types",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple rules are configured, OpenSign allows you to choose how those rules are evaluated."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-1",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"If any one of the configured conditions is true, the selected action is performed."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"text-input-as-the-trigger-widget",children:"Text Input as the Trigger Widget"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget can control another Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-1",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-1",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered value is anything other than ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-1",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-2",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-1",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-3",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-optional-1",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-4",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-as-the-trigger",children:"Number Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget controls the Text Input widget using numeric values."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-1",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-the-text-input-field",children:"Show the Text Input Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-5",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"})," in the Number widget, the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-1",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-6",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered number is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-2",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-7",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-2",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-8",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory only when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-2",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-9",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget-as-the-trigger",children:"Dropdown Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget controls the Text Input widget based on the selected option."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-2",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-2",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-10",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," displays the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-2",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-11",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the selected value is not ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-3",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-12",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-3",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-13",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-3",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-14",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget-as-the-trigger",children:"Checkbox Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-3",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-15",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes visible when the checkbox is selected."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-4",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-16",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Selecting the checkbox hides the configured Text Input field."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-4",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-17",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-4",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-18",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-2",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-as-the-trigger",children:"Radio Button as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Radio Button widgets support the following operators:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-4",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-19",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes visible when the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-5",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-20",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-5",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-21",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-5",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-22",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"multiple-conditions",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-1",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-1",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to understand."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep your conditions simple and easy to maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Text Input widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Text Input widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Text Input widget."}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"number-widget---conditional-logic",children:"Number Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Number"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on numeric values entered by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Number widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant based on the signer's input."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-1",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-1",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Number widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-1",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-2",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-3",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are true."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-2",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-4",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Number widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-text-input",children:"Number Widget Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using values entered in a Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-3",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-5",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-23",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"})," in the Text Input widget, the configured Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-6",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-24",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-6",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-25",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-6",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-26",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-another-number-widget",children:"Number Widget Triggered by Another Number Widget"}),"\n",(0,r.jsx)(i.p,{children:"A Number widget can control another Number widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-4",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-6",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-27",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Number widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-3",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-28",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget is displayed whenever the entered value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-7",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-29",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-7",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-30",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-7",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-31",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-dropdown",children:"Number Widget Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-5",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-7",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-32",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," displays the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-8",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-33",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-8",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-34",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-8",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-35",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-checkbox",children:"Number Widget Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-8",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-36",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-9",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-37",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Number widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-9",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-38",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-9",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-39",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-1",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-5",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"number-widget-triggered-by-a-radio-button",children:"Number Widget Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-6",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-9",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-40",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-10",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-41",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-10",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-42",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-10",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-43",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-1",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Number widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-3",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-3",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-1",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use meaningful widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when only one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid configuring multiple conflicting rules for the same Number widget."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-1",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Any changes made to trigger widget values immediately update the behavior of the Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsxs)(i.p,{children:["A Number widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Multiple Conditional Logic rules can be configured for the same Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Number widgets only support numeric input. Conditional Logic comparisons are performed using numeric values."}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget---conditional-logic",children:"Dropdown Widget - Conditional Logic"}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Dropdown"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Dropdown widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature helps create interactive documents by displaying only the fields that are relevant based on the signer's selection."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-2",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-actions-2",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Dropdown widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"condition-types-2",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how they are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-4",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-6",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nNumber = 10\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed only when ",(0,r.jsx)(i.strong,{children:"all conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-4",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-7",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nNumber = 10\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-text-input",children:"Dropdown Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using values entered into a Text Input widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-7",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-10",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-44",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-11",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-45",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-11",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-46",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-11",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-47",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-number-widget",children:"Dropdown Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-8",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-11",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-48",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-4",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-49",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-12",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-50",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the Dropdown widget is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-12",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-51",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-12",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-52",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-another-dropdown",children:"Dropdown Triggered by Another Dropdown"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can control another Dropdown widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-9",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-12",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-53",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-5",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-54",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever any option other than ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-13",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-55",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-13",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-56",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-13",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-57",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-checkbox",children:"Dropdown Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-13",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-58",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-14",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-59",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Dropdown widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-14",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-60",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-14",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-61",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-2",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-8",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-radio-button",children:"Dropdown Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-10",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-14",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-62",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-15",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-63",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-15",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-64",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-15",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-65",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-2",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can have multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-5",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-5",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-2",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same Dropdown widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep dropdown option values meaningful and consistent."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-2",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to the trigger widget values immediately update the behavior of the Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Dropdown widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["Conditional Logic compares the selected dropdown option with the configured value using ",(0,r.jsx)(i.strong,{children:"Equals"})," or ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators."]}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget---conditional-logic",children:"Checkbox Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Checkbox"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on values entered or selected in other fields."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Checkbox widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature enables you to create interactive and dynamic signing experiences by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-3",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-3",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Checkbox widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-3",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When configuring multiple conditions, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-6",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is performed."}),"\n",(0,r.jsx)(i.h3,{id:"example-9",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Checkbox widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-6",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-10",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-text-input",children:"Checkbox Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-11",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-15",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-66",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-16",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-67",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-16",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-68",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-16",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-69",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-number-widget",children:"Checkbox Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-12",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-16",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-70",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the Checkbox widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-6",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-71",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever the Number widget value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-17",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-72",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-17",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-73",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-17",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-74",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-dropdown",children:"Checkbox Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-13",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-17",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-75",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-18",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-76",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-18",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-77",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-18",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-78",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-another-checkbox",children:"Checkbox Triggered by Another Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-18",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-79",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the trigger checkbox is checked, the configured Checkbox widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-19",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-80",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the trigger checkbox hides the configured Checkbox widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-19",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-81",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-19",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-82",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-3",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-11",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget is displayed while the trigger checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-radio-button",children:"Checkbox Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-14",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-19",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-83",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-20",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-84",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-20",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-85",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-20",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-86",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-3",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Checkbox widget can contain multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-7",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-7",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-3",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Checkbox widget."}),"\n",(0,r.jsx)(i.li,{children:"Use Checkbox widgets for simple Yes/No or multiple-choice scenarios."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-3",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes made to trigger widget values immediately update the behavior of the Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Checkbox widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["Checkbox widgets support ",(0,r.jsx)(i.strong,{children:"Is Checked"})," and ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," conditions when used as trigger widgets."]}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"radio-button-widget---conditional-logic",children:"Radio Button Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Radio Button"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Radio Button widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic and interactive document workflows by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-4",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-4",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Radio Button widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-4",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how those conditions are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-8",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-12",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Radio Button widget action is executed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-8",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-13",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget action is executed whenever any one of the configured conditions is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-text-input",children:"Radio Button Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-15",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-20",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-87",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-21",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-88",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-21",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-89",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-21",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-90",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-number-widget",children:"Radio Button Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-16",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-21",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-91",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-7",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-92",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-22",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-93",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-22",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-94",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-22",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-95",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-dropdown",children:"Radio Button Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-17",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-22",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-96",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-23",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-97",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-23",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-98",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-23",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-99",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-checkbox",children:"Radio Button Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-23",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-100",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the checkbox is checked, the configured Radio Button widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-24",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-101",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the configured Radio Button widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-24",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-102",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-24",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-103",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-4",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-14",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-another-radio-button",children:"Radio Button Triggered by Another Radio Button"}),"\n",(0,r.jsx)(i.p,{children:"A Radio Button widget can control another Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-18",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-24",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-104",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-8",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-105",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever a value other than ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-25",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-106",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-25",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-107",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-25",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-108",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-4",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple Conditional Logic rules for a Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-9",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-9",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-4",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to configure."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured condition must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any single matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test Conditional Logic before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Radio Button widget."}),"\n",(0,r.jsx)(i.li,{children:"Use meaningful option labels to make conditions easier to understand and maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-4",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Radio Button widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["Radio Button widgets support ",(0,r.jsx)(i.strong,{children:"Equals"})," and ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators when comparing the selected option."]}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsxs)(i.p,{children:["If you require more help, feel free to reach out to our customer support on ",(0,r.jsx)(i.a,{href:"mailto:support@opensignlabs.com",children:"support@opensignlabs.com"}),"."]}),"\n",(0,r.jsx)(i.p,{children:"Happy signing with OpenSign\u2122!"})]})}function x(e={}){const{wrapper:i}={...(0,s.R)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}}}]); |