-
Book Overview & Buying
-
Table Of Contents
qooxdoo Beginner's Guide
The basic widgets defined in the qooxdoo framework are Label, Atom, and Image. These widgets help in displaying the basic components such as the label or a rich HTML content label, images, icons, or icon and label together, and so on. These are defined under the qx.ui.basic package.
The basic package and the classes under it are as shown in the following screenshot:

The Label widget is used to display the text as normal text or rich text. A user cannot edit the text as it is a read-only widget. Label can be displayed in the following two modes:
Text mode: This mode allows displaying normal text in different fonts, font sizes, and different styles such as bold, italic, underlined, and so on. By default, label displays normal text.
The following code snippet demonstrates the usage of Label in normal mode:
var label5 = new qx.ui.basic.Label("Big Long Label with user defined font").set({
font : new qx.bom.Font(28, ["Verdana", "sans-serif"])
});
The GUI look for the preceding...
Change the font size
Change margin width
Change background colour