GithubHelp home page GithubHelp logo

deltanetuser / adapt-contrib-opentextinput Goto Github PK

View Code? Open in Web Editor NEW
0.0 4.0 13.0 10.8 MB

Open Text Input Component

License: GNU General Public License v3.0

JavaScript 94.55% CSS 3.50% Handlebars 0.75% HTML 1.20%

adapt-contrib-opentextinput's Introduction

#adapt-contrib-openTextInput

An Adapt core contributed openTextInput component that allows the user to answer a open question.

##Installation

First, be sure to install the Adapt Command Line Interface, then from the command line run:-

    adapt install adapt-contrib-openTextInput

This component can also be installed by adding the component to the adapt.json file before running adapt install:

    "adapt-contrib-openTextInput": "*"

##Usage

Once installed, the component can be used to ask the user open questions.

##Settings overview

For example JSON format, see example.json. A description of the core settings can be found at: Core model attributes.

Further settings for this component are:

####_component

This value must be: openTextInput

####_classes

You can use this setting to add custom classes to your template and LESS file.

####_layout

This defines the position of the component in the block. Values can be full, left or right.

####title

This value is the title for the openTextInput element. This is mandatory, but will not be displayed.

####displayTitle

This value is the displayed title for the openTextInput element. This is optional and will be displayed.

####body

This is the main text for the openTextInput.

####placeholder

This value will be displayed if no text has been inserted to the textarea.

####_allowedCharacters

The amount of characters the user is allowed to write in the textarea. If there is no limit value should be 'null'. If so, it will count how much characters the user has already been written.

####characterCountText

This value is the text before the limited or counted characters.

####_numberOfRows

Defines the height of the textarea with numbers starting by 1.

####modelAnswer

This value is the best practise answer. The user can compare this answer to his one.

####savedMessage

The message the user gets, when he saves his text.

####submittedMessage

The message the user gets, when he submittes his text.

####_buttons

The value of the buttons

#####save

This value is displayed at the save button.

#####submit

This value is displayed at the submit button.

#####showModelAnswer

This value is displayed on the showModelAnswer Button.

#####showUserAnser

This value is displayed on the showUserAnswer Button.

#####clear

This value is displayed on the clear Button.

##Limitations

To be completed.

##Browser spec

This component has been tested to the standard Adapt browser specification.

adapt-contrib-opentextinput's People

Contributors

brian-learningpool avatar ciaranlp avatar darylhedley avatar fellner avatar lc-petranussdorfer avatar rlafferty05 avatar thomasschuiki avatar

Watchers

 avatar  avatar  avatar  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.