Fuse Poll Activities | NueForm Docs

Classic Poll

एक option चुनें और live percentages को real-time में update होते देखें जैसे दूसरे vote करते हैं।

Activity type: classic_poll

Configuration

Property	Type	विवरण	Default
`options`	array	Poll options का array। प्रत्येक में `id`, `label`, और optional `color` है।	2 default options

Option Object

Field	Type	विवरण
`id`	string	Option के लिए unique identifier।
`label`	string	Option के लिए display text।
`color`	string	Option के bar/highlight के लिए accent color। Set न होने पर color palette से auto-assign होता है।

Behavior

प्रत्येक participant बिल्कुल एक option के लिए vote कर सकता है।
Vote करने के बाद, participant live results (percentages और vote counts) देखता है।
यह single-action activity है: vote करने के बाद, participant read-only mode में enter होता है।

Display Modes

Mode	विवरण
`inline_bars`	Results प्रत्येक option के भीतर horizontal bars के रूप में दिखाए जाते हैं।
`bar_chart`	Results अलग vertical bar chart के रूप में दिखाए जाते हैं।

Aggregated State

Field	Type	विवरण
`options`	PollOption[]	Vote counts, percentages, और voter lists के साथ options।
`totalVotes`	number	Cast किए गए votes की कुल संख्या।
`myVotes`	string[]	Current participant द्वारा vote किए गए option IDs।

CSS Selectors

.fuse-classic-poll, .fuse-poll, .fuse-poll--bar-chart, .fuse-bar, .fuse-bar-label, .fuse-option, .fuse-option-label, .fuse-option-percentage, .fuse-option-votes

Multi-Vote Poll

एक साथ multiple options के लिए vote करें। "Select all that apply" scenarios के लिए perfect।

Activity type: multi_vote_poll

Configuration

Property	Type	विवरण	Default
`options`	array	`id`, `label`, और optional `color` के साथ poll options का array।	2 default options

Behavior

Participants multiple options के लिए vote कर सकते हैं।
Votes toggle on और off किए जा सकते हैं -- voted option click करने पर vote हट जाता है।
यह multi-action activity है: participants किसी भी समय अपने votes बदल सकते हैं।
Votes toggle होने पर results real-time में update होते हैं।

Aggregated State

Classic Poll के समान।

CSS Selectors

.fuse-multi-vote-poll, plus सभी shared poll selectors।

Image Poll

Text की बजाय images पर vote करें। Design picks, outfits, या product choices के लिए बढ़िया।

Activity type: image_poll

Configuration

Property	Type	विवरण	Default
`options`	array	Poll options का array। प्रत्येक में `id`, `label`, और `imageUrl` है।	2 default options

Option Object

Field	Type	विवरण
`id`	string	Unique identifier।
`label`	string	Image के नीचे display होने वाला text label।
`imageUrl`	string	इस option के लिए display होने वाली image का URL।
`color`	string	Optional accent color।

Behavior

Options labels के साथ image cards के रूप में display होते हैं।
प्रत्येक participant एक image के लिए vote कर सकता है।
यह single-action activity है।
Results vote percentages images पर या नीचे overlaid दिखाते हैं।

Aggregated State

Classic Poll के समान, प्रत्येक option पर imageUrl उपलब्ध।

CSS Selectors

.fuse-image-poll, plus सभी shared poll selectors।

This or That

दो options के बीच binary swipe-style choice, live percentage splits के साथ।

Activity type: this_or_that

Configuration

Property	Type	विवरण	Default
`options`	array	`id`, `label`, और optional `color` के साथ बिल्कुल 2 options।	`[{ label: "This" }, { label: "That" }]`

Behavior

दो options split-screen layout में side by side present होते हैं।
प्रत्येक participant दो options में से एक select करता है।
यह multi-action activity है: participants अपना vote switch कर सकते हैं।
Live percentage split दो panels के बीच visual divider के रूप में display होता है।

Aggregated State

Classic Poll के समान (बिल्कुल 2 options के साथ)।

CSS Selectors

.fuse-this-or-that, .fuse-panel--left, .fuse-panel--right, .fuse-panel-label, .fuse-panel-percentage

Ranked Poll

Options को अपने preferred order में rank करने के लिए drag करें। Community consensus ranking उभरते देखें।

Activity type: ranked_poll

Configuration

Property	Type	विवरण	Default
`options`	array	Rank करने के लिए options का array। प्रत्येक में `id`, `label`, और optional `color` है।	3 default options

Behavior

सभी options एक list में display होते हैं।
Participants items को most preferred से least preferred तक reorder करने के लिए drag करते हैं।
Submit करने के बाद, participant की ranking record होती है।
यह single-action activity है: ranking एक बार submit होती है।
Consensus ranking सभी participants की rankings average करके calculate होती है।

Aggregated State

Field	Type	विवरण
`options`	array	`id`, `label`, `avgRank`, और `rankings` count के साथ options।
`totalParticipants`	number	Rankings submit करने वाले participants की कुल संख्या।

CSS Selectors

.fuse-ranked-poll, .fuse-rank-number, plus shared selectors।

Elimination Poll

Multi-round voting जहां हर round में lowest-voted option eliminate होता है जब तक winner नहीं बचता।

Activity type: elimination_poll

Configuration

Property	Type	विवरण	Default
`options`	array	`id`, `label`, और optional `color` के साथ options का array।	2 default options

Behavior

Participants current round में अपने favorite option के लिए vote करते हैं।
Round complete होने के बाद, सबसे कम votes वाला option eliminate होता है।
बचे options के साथ नया round शुरू होता है।
यह process तब तक repeat होता है जब तक केवल एक option बचता है -- winner।
यह multi-round activity है: participants को subsequent rounds में voting जारी रखनी होती है।
जो participants पहले से round में vote कर चुके हैं वे अगले round में vote करने के लिए rejoin कर सकते हैं।

Aggregated State

Field	Type	विवरण
`currentRound`	number	Current round number।
`activeOptions`	PollOption[]	Vote data के साथ अभी भी competition में मौजूद options।
`eliminatedOptions`	array	अब तक eliminate हुए options, जिस round में eliminate हुए उसके साथ।
`totalVotesThisRound`	number	Current round में कुल votes।
`isComplete`	boolean	Elimination conclude हुआ है या नहीं (एक winner बचा)।
`winner`	object	Winning option (`isComplete` true होने पर set)।

CSS Selectors

.fuse-elimination-poll, .fuse-round-label, .fuse-champion, plus shared poll selectors।

Elimination Polls 4+ options के साथ सबसे अच्छा काम करते हैं। केवल 2 options के साथ, यह effectively single-round Classic Poll बन जाता है।

Sliding Scale

Spectrum पर अपनी position रखें और सभी responses का live distribution curve देखें।

Activity type: sliding_scale

Configuration

Property	Type	विवरण	Default
`min`	number	Scale पर minimum value।	`0`
`max`	number	Scale पर maximum value।	`100`
`step`	number	Slider के लिए step increment।	`1`
`minLabel`	string	Scale के minimum end के लिए label।	`""`
`maxLabel`	string	Scale के maximum end के लिए label।	`""`
`scaleStyle`	string	Slider track की visual style।	`"thin"`
`barColor`	string	Distribution bars के लिए custom color।	`""` (theme accent उपयोग करता है)

Behavior

Participants spectrum पर value select करने के लिए slider drag करते हैं।
Submit करने के बाद, वे सभी responses का distribution दिखाने वाला histogram देखते हैं।
Statistics (average, median, total responses) display होते हैं।
यह single-action activity है।

Aggregated State

Field	Type	विवरण
`distribution`	number[]	Histogram bucket counts (जैसे, min से max तक 10 buckets)।
`average`	number	सभी responses की mean value।
`median`	number	सभी responses की median value।
`totalResponses`	number	Responses की कुल संख्या।
`min`	number	Scale minimum value।
`max`	number	Scale maximum value।

CSS Selectors

.fuse-sliding-scale, .fuse-slider, .fuse-slider-value, .fuse-slider-label, .fuse-stats, .fuse-histogram, .fuse-histogram-bar, .fuse-stat-value, .fuse-stat-label

Would You Rather

दो dilemmas में से चुनें और live split देखें। अंतहीन बहस योग्य।

Activity type: would_you_rather

Configuration

Property	Type	विवरण	Default
`options`	array	`id`, `label`, और optional `color` के साथ बिल्कुल 2 options।	`[{ label: "This" }, { label: "That" }]`

Behavior

दो options side by side present होते हैं।
Participants एक option चुनते हैं।
यह multi-action activity है: participants अपनी choice switch कर सकते हैं।
Live percentage split visual divider के रूप में दिखाया जाता है।

This or That से अंतर

Would You Rather और This or That functionally identical हैं। अंतर thematic है:

This or That: General preference comparisons (जैसे, "Coffee or Tea?")।
Would You Rather: Dilemma-based questions (जैसे, "Would you rather fly or be invisible?")।

Aggregated State

Classic Poll के समान (बिल्कुल 2 options के साथ)।

CSS Selectors

.fuse-would-you-rather, .fuse-panel--left, .fuse-panel--right, .fuse-panel-label, .fuse-panel-percentage

Color Palette

जब options के पास custom color assign नहीं होता, NueForm स्वचालित रूप से vibrant palette से colors assign करता है:

Indigo (#6366f1)
Amber (#f59e0b)
Emerald (#10b981)
Red (#ef4444)
Violet (#8b5cf6)
Cyan (#06b6d4)
Orange (#f97316)
Pink (#ec4899)
Teal (#14b8a6)
Purple (#a855f7)
Lime (#84cc16)
Rose (#e11d48)

Colors option की position के आधार पर sequence में assign होते हैं। जब options colors से अधिक हों, palette wrap around होता है।