Programmed Drawing


The Programmed Drawing addon allows drawing by commands provided by the module.

Squares are counted from the bottom left corner (starting from 1).


The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.

Property name Description
Rows Number of rows.
Columns Number of columns
Color Color of drawing (default is black).
Initial design Coordinates of squares to be colored on start. Each coordinate (x y) in new line.

Supported commands

Command name Params Description
colorSquare x, y Colors a square in given coordinates.
resetSquare x, y Resets a square in given coordinates.
reset --- Resets the module.

CSS classes

Class name Description
cellGridWrapper Main DIV element surrounding all grid cells.
cell-element Grid element
cell-element-wrapper Grid element surrounding the element allowing to create border for elements.

Demo presentation

Demo presentation contains examples of how the Programmed Drawing Addon can be used.