User Poll - Configuration Reference

All User Poll settings are managed through the built-in configuration panel. Click Open configuration in the web part toolbar to access it. The panel is organized into tabs:

TabWhat it controls
GeneralPoll question, answers, voting mode, scheduling, and results display
AdvancedJSON5 configuration editor for theme, chart, and translation settings
Custom CSSCSS stylesheet editor for visual customizations
LicensingLicense key input and validation
AboutVersion and product information

General settings

Poll setup

SettingTypeDefaultDescription
enablebooleantrueEnable or disable voting. When disabled, users cannot submit votes.
questionstringThe poll question displayed to users. Required.
descriptionstringOptional description shown below the question for additional context.
allowMultiplebooleanfalseIf true, users can select multiple answers (checkboxes). If false, only one answer (radio buttons).

Answers

Each answer option has the following properties:

PropertyTypeDescription
titlestringThe answer text displayed to voters. Required.
notestringOptional note shown below the answer title for additional context.

Answers can be reordered using the up/down buttons in the configuration panel. Each answer also displays its current vote count.

Scheduling

SettingTypeDefaultDescription
openingTimedatetimeWhen the poll opens for voting. Leave empty for immediately available. Before this time, the poll questions are hidden.
closingTimedatetimeWhen voting ends. After this time, no new votes are accepted.
displayResultsAfterPollClosingTimebooleantrueAutomatically show results after the closing time passes.

Results display

SettingTypeDefaultDescription
displayResultsAfterSubmittingbooleantrueShow results immediately after a user submits their vote.
resultChartstring"PIE"Chart type for results. Values: "PIE" (pie chart) or "BAR" (bar chart).
displayCountInResultbooleantrueShow vote counts next to each answer in results.
displayAnswerNoteInResultbooleantrueShow answer notes in the results view.
displayPollQuestionNoteInResultbooleantrueShow the poll description in the results view.
displayTotalVotesbooleantrueShow the total number of votes at the bottom of results.

Advanced configuration (JSON5)

The Advanced tab provides a JSON5 editor for settings that don't have dedicated form controls. The following sections are available:

Theme

SettingTypeDefaultDescription
primaryColorstring"#0078d4"Main UI accent color (buttons, selected states).
secondaryColorstring"#F50057"Secondary accent color.
chartColorsstring[]["#43A19E", "#7B43A1", "#F2317A", "#FF9824", "#58CF6C"]Array of colors for chart segments/bars. Each answer uses the next color in the array.
fontFamilystringSegoe UIFont family for all poll text.

Layout

SettingTypeDefaultDescription
maxWidthstring"auto"Maximum width of the poll container. Values: "auto", pixels (e.g. "600px"), or percentage (e.g. "80%").

Pie chart settings

Fine-tune the pie chart appearance:

SettingTypeDefaultDescription
pieChart.radiusnumber40Radius of the pie chart.
pieChart.lineWidthnumber93Width of pie segments as a percentage (0–100). Lower values create a donut chart.
pieChart.segmentsShiftnumber0.5Gap between pie segments in pixels.
pieChart.labelPositionnumber65Position of percentage labels within segments (0 = center, 100 = edge).
pieChart.labelStyleobjectCSS-like style object for labels: fill, fontSize, fontWeight.

Translations

Override any UI label in the translations section:

KeyDefault (English)Description
pollPollLabel shown above the poll question.
pollResultPoll resultLabel shown above the results section.
noResultsWe are sorry. No one participated in the poll.Message shown when there are no votes.
totalTotalLabel for the total votes count.

Example advanced configuration

{
  displayCountInResult: true,
  displayPollQuestionNoteInResult: true,
  displayAnswerNoteInResult: true,
  displayTotalVotes: true,
  maxWidth: '600px',

  theme: {
    primaryColor: '#0078d4',
    secondaryColor: '#F50057',
    chartColors: ['#43A19E', '#7B43A1', '#F2317A', '#FF9824', '#58CF6C'],
    fontFamily: '"Segoe UI", Tahoma, Helvetica, Arial, sans-serif',
  },

  pieChart: {
    radius: 40,
    lineWidth: 93,
    segmentsShift: 0.5,
    labelPosition: 65,
    labelStyle: {
      fill: '#fff',
      fontSize: '5px',
      fontWeight: 'bold',
    },
  },

  translations: {
    poll: 'Poll',
    pollResult: 'Poll result',
    noResults: 'No votes have been submitted yet.',
    total: 'Total',
  },
}

Custom CSS

The Custom CSS tab provides a code editor where you can add CSS rules to style the poll. The following CSS class names are available as styling hooks:

ClassElement
.nv-pollTop-level poll container
.nv-poll-question-wrapperContainer for the question and answers
.nv-poll-question-textThe poll question text
.nv-poll-result-questionQuestion text in the results view
.nv-poll-result-legend-wrapperLegend container in results (pie chart mode)
.nv-poll-result-bar-wrapperBar container in results (bar chart mode)

Example: Custom styling

/* Center the poll and limit width */
.nv-poll {
  max-width: 500px;
  margin: 0 auto;
}

/* Style the question text */
.nv-poll-question-text {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}

/* Add a border to the results legend */
.nv-poll-result-legend-wrapper {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
}

Data management

CSV export

Export poll results from the configuration panel. The CSV file includes the following columns:

ColumnDescription
User IDSharePoint user identifier
User NameDisplay name of the voter
User EmailEmail address of the voter
Selected AnswersThe answer(s) the user selected

Reset votes

To clear all votes and start fresh, use the Reset votes button in the configuration panel. This permanently deletes all vote data for the poll instance.

Warning: Resetting votes cannot be undone. Consider exporting to CSV first if you need a record of the results.
Need help configuring? See the documentation overview or contact us at info@nodevision.com.au.