Git Product home page Git Product logo

adapt-sortable's Introduction

adapt-sortable

Sortable is a question component for the Adapt Framework created by Dan storey.

A learner must drag listed items into the correct order.

Click here for an interactive demo

##Installation

Settings Overview

The attributes listed below are used in components.json to configure Sortable, and are properly formatted as JSON in example.json.

Attributes

core model attributes: These are inherited by every Adapt component. Read more.

_component (string): This value must be: sortable.

_classes (string): CSS class name to be applied to Sortable containing div. The class must be predefined in one of the Less files. Separate multiple classes with a space.

_layout (string): This defines the horizontal position of the component in the block. Acceptable values are full, left or right.

instruction (string): This optional text appears above the component. It is frequently used to guide the learner’s interaction with the component.

title (string): This is the title text for the Sortable component.

body (string): This is the main text for the Sortable component.

_isRandom (boolean): Whether the items should start in a random order. This will override the items' _startPostion values

_items (string): Each item represents an item in the list and contains values for text and _startPosition.

text (string): The text to be displayed.

_startPosition (number): The position in the list this item should start in. This value will be ignored if _isRandom is set to true

Accessibility

Limitations

No known limitations


Version number: 1.0.0 Framework versions: 2.0 Author / maintainer: Dan Storey

adapt-sortable's People

Contributors

danielstorey avatar

Watchers

James Cloos avatar Mark Chipman and sidekick Mollie 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.