Textarea

Introduction

A simple HTML text area.

Helium View Reference

Plain HTML

Output widget

<div class="widget-container">
	<label for="w1">Example textarea label</label>
	<textarea id="w1" rows="6" class="widget input textarea"></textarea>
</div>

JavaScript / jQuery

Output widget - Programmatically

function drawTextArea() {
    var canvas = $('<div />').addClass('widget-container');
    var readOnly = false;
    var value = 'This is the contents of the textarea.';
    $('<label />',{
        'for':'w7',
        'text': 'Example textarea label'
    }).appendTo(canvas);
    $('<textarea />',{
        'id': 'w7',
        'rows': 6, 
        'disabled': readOnly
    }).val(value).addClass("widget input textarea").appendTo(canvas);    
    canvas.appendTo($('#embeddedComponentContent'));
}