4.1. Elements

This section describes all the elements you can use on a form.

Styles

You can use styles for each element. This way you can change the look of each element. With styles you define the appearance of the element as color, font, size.

color:blue;
font-family:verdana;
font-size:160%;
text-align:center;

Sample: style: {"color": "blue", "font-size": "160%", "text-transform": "uppercase"}

Color, height, background-color, font-weight, font-family ... can be set by style.

style: {font-family: "lucida handwriting", color: "blue"}

style: {font-size: "24px", color: "red", font-weight: "bold"}

style: {font-size.px: 24, color: "white", background-color: "black"}

style: {font-family: "papyrus"}

style: to set the style of an input element.
font-family: font to use
color: foreground color
background-color: background
font-size: size of the font
font-weight: weight as bold

Pipe

With the pipe tag, you can define uppercase, lowercase and titlecase. This is an easy replacement of the pattern. With pipe you can define if the input must be in uppercase, lowercase or each word starting with uppercase which is named titlecase.

There is a difference for the uppercase in the style and the pipe. With pipe the text is really converted to uppercase, with the style it is shown as uppercase, but not converted.