Giter Club home page Giter Club logo

table-grid's Introduction

Table grid

Default appearance for the 'table-grid' field plug-in

Description

This field plug-in supports the creation of a table for data input in SurveyCTO forms. While this has been a SurveyCTO limitation so far, it is possible to address this request through the creation of a Repeat Group with table appearance, which displays the data collected in a table. This field plug-in, however, allows you to create the real grid appearance and edit data directly from the table.

Download now

This plug-in is currently under beta. If you you find a problem with the field plug-in, please email [email protected].

Features

  1. Define number of rows and columns in the table.
  2. Define the labels for the rows and columns in the table.
  3. Use the numbers appearance for numeric input.
  4. Use dynamic references in the headings for rows and columns.

Data format

This field plug-in requires the text field type. The data is stored in a pipe (|) separated list of items such as:

1|2|3|4|5|6|7|8|9|0|

For example, if you have the following table:

A B
1 A1 B1
2 A2 B2

The data will be stored as:

A1|B1|A2|B2|

You can use any of the functions in the Working with lists of items section of our documentation on Using expressions in your forms: a reference for all operators and functions. Specifically, the item-at() function will allow you to retrieve items from the saved value.

Note: Because the responses are separates by a pipe (|) make sure there are no pipes (|) in any of the actual text in the responses.

How to use

Getting started

Default SurveyCTO feature support

Feature / Property Support
Supported field type(s) text
Default values No
Constraint message Uses default behavior
Required message Uses default behavior
Read only Yes (shows the current value, if present)
media:image No
media:audio No
media:video No
numbers appearance Yes

Parameters

The following parameters are required for this field plug-in:

Parameter key Parameter value
columns The number of columns to be displayed.
rows The number of rows to be displayed.
column_headers The headings for each column separated by a pipe (|).
row_headers The headings for each row separated by a pipe (|).
required (optional) Indicates whether some or all the cells in the table should have a value. When set to 1 all the the cells in the table should have a value. Default is 0.

Note: Because the headings are separates by a pipe (|) make sure there are no pipes (|) in any of the text in the headers.

More resources

table-grid's People

Contributors

mofya1 avatar

Watchers

Meletis Margaritis avatar James Cloos avatar Marc Zampetti avatar Christopher Robert avatar Max S. Haberman avatar  avatar  avatar

Forkers

isabella232

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.