Layout Question Types

Statement

एक display-only question जो respondent को answer की आवश्यकता के बिना text दिखाता है। Instructions, section transitions, या informational content के लिए उपयोगी।

Type identifier: statement

Properties

Behavior

• Statements के लिए question number display नहीं होता।
• कोई input field नहीं दिखाया जाता।
• Respondent अगले question पर advance करने के लिए button click करता है।
• Statements कभी "required" नहीं होते क्योंकि उनमें validate करने के लिए कोई answer नहीं होता।

Logic Jump Operators

equals, not_equals, is_answered, is_not_answered

Answer Format

Statements कोई answer produce नहीं करते। Value effectively undefined होती है।

Welcome Screen

किसी भी question से पहले form की शुरुआत में display होने वाली introductory screen।

Type identifier: welcome_screen

Properties

Behavior

• Welcome screen Question 1 से पहले display होती है।
• Title और description rich text और {variable} substitution support करते हैं।
• Button click करने पर form शुरू होता है।

Answer Format

Welcome screens कोई answer produce नहीं करतीं।

End Screen

Form submit होने के बाद display होने वाली closing screen। Quiz modes में, respondent के score के आधार पर conditional display के साथ multiple end screens add किए जा सकते हैं।

Type identifier: end_screen

Properties

Standard Mode Behavior

Standard mode में, एक single end screen default thank-you screen को replace करती है। Submission के बाद इसकी title और description display होती हैं।

Quiz Mode Behavior

Quiz modes में, multiple end screens define किए जा सकते हैं:

• Knowledge Quiz / Lead Qualification: Respondent के total score से match होने वाली scoreRange वाली end screen display होती है।
• Match Quiz: Respondent के choice outcomes से सबसे अधिक tallies accumulate करने वाली end screen display होती है।

End screen questions question list में दिखाई देते हैं लेकिन form flow के दौरान नहीं दिखाए जाते। ये केवल scoring logic के आधार पर submission के बाद render होते हैं।

Answer Format

End screens कोई answer produce नहीं करतीं।

Summary

Final submission से पहले respondent के सभी answers display करने वाली review screen। Respondent अपने answers review कर सकता है और optionally किसी भी question पर वापस जाकर edit कर सकता है।

Type identifier: summary

Properties

Behavior

• Summary सभी answered questions उनके responses के साथ display करता है।
• Summary में प्रत्येक question clickable होता है, जिससे respondent उस question पर वापस jump करके अपना answer edit कर सकता है।
• Question number prefix hidden होता है।
• दो buttons present होते हैं: confirm (submit) और edit (go back)।

Dependencies

Summary question को सभी questions और सभी answers तक access चाहिए। Form renderer इस field को allQuestions, allAnswers, onGoToQuestion, और onRestart props pass करता है।

Answer Format

Summary question अपना कोई answer produce नहीं करता। यह एक display-only component है।

Save Answers

Respondents को अपने current answers browser के local storage में save करने का option प्रदान करता है। जब वे कोई अन्य NueForm form visit करते हैं, तो पहले से saved answers pre-populate किए जा सकते हैं।

Type identifier: save_questions

Properties

Save Answers question type में common question properties के अलावा कोई अतिरिक्त properties नहीं हैं।

Behavior

• Respondent के current answers display करता है।
• Answers को local storage में save करने के लिए button offer करता है।
• Saved answers question title से keyed होते हैं, इसलिए यदि किसी future form में same title वाला question है, तो answer pre-populate होता है।
• Question number prefix hidden होता है।

Use Case

यह multi-form workflows के लिए उपयोगी है जहां respondents कई related forms भरते हैं। Common information (name, email, company, आदि) एक बार save किया जा सकता है और subsequent forms में auto-fill होता है।

Answer Format

Save Answers question अपना कोई answer produce नहीं करता। Saved data browser के local storage में store होता है।

Question Group

Multiple sub-questions को एक single form step में group करता है। Sub-questions group के भीतर internal navigation के साथ एक समय में एक present होते हैं। इससे आप related questions के sections बना सकते हैं जो overall form flow में एक single unit के रूप में function करते हैं।

Type identifier: question_group

Properties

Behavior

• Group overall form में single step के रूप में दिखाई देता है।
• Sub-questions group के भीतर forward/backward navigation के साथ एक समय में एक present होते हैं।
• प्रत्येक sub-question के अपने logic jumps हो सकते हैं। यदि logic jump का destination:
  • Group के भीतर कोई अन्य sub-question है: navigation internally होता है।
  • Group के बाहर कोई question है: group exit होता है और navigation top level पर continue होता है।
  • end है: form submission पर skip करता है।
• "Back" button पहले group के भीतर navigate करता है। यदि respondent पहले sub-question पर है, "Back" press करने पर group exit होता है और previous top-level question पर जाता है।
• Group container के लिए question number prefix hidden होता है।

Sub-Question Logic

Sub-questions पर logic jumps same group के भीतर अन्य sub-questions के answers, या group के बाहर top-level questions के answers (flatAnswers map के माध्यम से) reference कर सकते हैं।

Sub-question logic jumps पर variable actions parent form के same variable state पर execute होती हैं।

Validation

Group के भीतर प्रत्येक sub-question individually validate होता है। Respondent को group navigate करते हुए प्रत्येक required sub-question satisfy करना होगा।

Internal logic jumps द्वारा skip किए गए sub-questions validate नहीं होते (उनकी required constraint waive हो जाती है)।

Answer Format

Answer एक object (Record<string, unknown>) के रूप में store होता है जो प्रत्येक sub-question ID को उसके answer से map करता है:

{
  "sub_q1": "John Smith",
  "sub_q2": "john@example.com",
  "sub_q3": 5
}

Multi-Question Page

Multiple questions को एक screen पर simultaneously display करता है। Question Groups (जो एक समय में एक sub-question दिखाते हैं) के विपरीत, Multi-Question Pages अपने सभी sub-questions एक साथ दिखाते हैं।

Type identifier: multi_question_page

Properties

Behavior

• सभी sub-questions एक single screen पर render होते हैं।
• Respondent सभी visible questions भरता है और आगे बढ़ने के लिए एक "OK" button click करता है।
• Container के लिए question number prefix hidden होता है।
• Sub-questions पर logic jumps multi-question page के बाहर questions पर navigation trigger कर सकते हैं।

Validation

Page submit होने से पहले सभी required sub-questions answer होने चाहिए। Validation errors relevant sub-question के बगल में inline दिखाई देते हैं।

Answer Format

Answer एक object (Record<string, unknown>) के रूप में store होता है जो प्रत्येक sub-question ID को उसके answer से map करता है:

{
  "sub_q1": "Jane Doe",
  "sub_q2": "jane@example.com",
  "sub_q3": "Engineering"
}

Markdown

एक rich content block जो inline form fields के साथ Markdown formatting support करता है। आप Markdown content के भीतर सीधे text inputs, dropdowns, और अन्य interactive elements embed कर सकते हैं।

Type identifier: markdown

Properties

Inline Field Syntax

अपने Markdown में double curly braces उपयोग करके form fields embed करें:

{{type:label}}

जहां type field type है और label field के लिए display label है।

Behavior

• Markdown questions के लिए question header (title और description) hidden होता है। Markdown content ही question है।
• Inline fields Markdown content से parse होते हैं और text के भीतर interactive inputs के रूप में render होते हैं।
• Respondent inline fields भरता है और पूरे Markdown block को एक answer के रूप में submit करता है।

Validation

प्रत्येक inline field अपने type के आधार पर अपने validation rules follow करता है।

Answer Format

Answer एक object (Record<string, unknown>) के रूप में store होता है जो प्रत्येक inline field label को उसकी value से map करता है।