GithubHelp home page GithubHelp logo

isabella232 / timed-field-list Goto Github PK

View Code? Open in Web Editor NEW

This project forked from surveycto/timed-field-list

0.0 0.0 0.0 2.42 MB

Time a field list with persistent headers at the top of the field.

License: Apache License 2.0

JavaScript 78.76% CSS 15.30% HTML 5.94%

timed-field-list's Introduction

Timed field list

Selected

Description

Use this field plug-in when you would like to time multiple select_one and/or select_multiple fields within the same field list. This will have a persistent timer at the top, even if the enumerator/respondent scrolls down. The timer is optional, so you can also use the field plug-in to create a scrollable field list group.

To learn all about how to use this field plug-in, check out the wiki, which goes into full detail on all of the features, parameters, and how to retrieve its data.

For timing a single select_one or select_multiple field alone on one screen, see the timed-choice field plug-in.

Beta

This plug-in is currently under beta. If you you have any feedback, please email [email protected].

Data format

This field plug-in supports the select_one and select_multiple field types. Just like with normal fields, the field type will determine what kind of buttons are shown: radio buttons or checkboxes.

Unlike other fields, the choices selected are not stored inside the field, but in the field plug-in metadata. To retrieve that metadata, use the plug-in-metadata() function. Sections of data are stored in a pipe-separated (|) list, with the first section storing time data, and each subsequent section storing the choices selected on each question inside the timed field list. To learn how to understand that data, check out the wiki, section 5. Retrieving the selected choices.

How to use

Getting started

To use this field plug-in as-is, just download the timed-field-list.fieldplugin.zip file from this repo, and attach it to your form.

To use with the sample form:

  1. Download the sample form from this repo.
  2. Download the timed-field-list.fieldplugin.zip file from this repo.
  3. Also download the button-to-advance.fieldplugin.zip field plug-in file (readme).
  4. Upload the sample form to your server with the two field plug-ins attached.
  5. Adjust the parameters as you see fit.

To learn more about using the sample form, check out the wiki, section 1.1 Main sample form.

Parameters

There are many optional parameters you can use to customize the field plug-in. For details on all of the parameters and how to use them, see the wiki, section 4.1 Required parameter. However, here is a brief overview of the most common parameters:

name Description Default
labels (required) List of labels for each row of choices. These will go in the left-most column. Each label should be separated by a pipe (|). (none)
duration (optional) Starting time on the timer. If this parameter is not defined, the field will not be timed. (none)
header (optional) Header of the column with the row labels, i.e. what will be in the top-left cell of the table of choices. (none)
advance (optional) If this field has a value of 1, then the field will auto-advance when time runs out 0
block (optional) By default, when time runs out, fields will be blocked, meaning the selected choices cannot be changed (i.e. they cannot be selected or un-selected). If this parameter has a value of 0, then rows will not be blocked after time runs out. 1
nochange (optional) If this parameter has a value of 1, then once a choice is selected in a row, then that row will be blocked, and it cannot be changed. 0

Default SurveyCTO feature support

Feature / Property Support
Supported field type(s) select_one, select_multiple
Default values No
Custom constraint message No
Custom required message No
Read only Yes
media:image Yes
media:audio Yes
media:video Yes
label appearance No
list-nolabel appearance No
quick appearance No
minimal appearance No
compact appearance No
compact-# appearance No
quickcompact appearance No
quickcompact-# appearance No
likert appearance No
likert-min appearance No
likert-mid appearance No

More resources

timed-field-list's People

Contributors

amrikcooper avatar mofya1 avatar theomnimax avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.