Info

Introduction

A simple label with a value.

Helium View Reference

Plain HTML

Output widget

<div class="widget-container">
    <label for="w0">What is the meaning of life?</label>
    <input id="w0" type="number" value="42" class="widget textoutput ui-corner-all">
</div>

JavaScript / jQuery

Output widget - Programmatically

function drawInfo() {
	var myDiv = ${'#myDiv'}; // Assuming an element with ID myDiv exists.
	var labelText = 'What is the meaning of life?';
	var value = 42;
	// Append label
	$('<label />',{
	   'for':'w0'
	   'text':labelText
	}).appendTo(myDiv);
	// Append span
	$('<span />',{
	    value
	}).addClass("widget textoutput ui-corner-all").appendTo(myDiv);
}