Documentation
- qx:row
- qx:label
- qx:application
- qx:splitButton
- qx:toolBarSplitButton
- qx:tabView
- qx:resizer
- qx:comboBox
- qx:textarea
- qx:list
- qx:slider
- qx:checkGroupBox
- qx:contextMenu
- qx:embedHtml
- qx:embedCanvas
- qx:checkBox
- qx:spacer
- qx:toolBarMenuButton
- qx:menuCheckBox
- qx:widget
- qx:toggleButton
- qx:composite
- qx:command
- qx:page
- qx:radioButton
- qx:toolBarPart
- qx:hsplit
- qx:vsplit
- qx:toolTip
- qx:atom
- qx:toolBarRadioButton
- qx:dateChooser
- qx:treeFolder
- qx:groupBox
- qxt:elsif
- qx:selectBox
- qx:listItem
- qxt:else
- qx:menu
- qxt:component
- qxt:property
- qx:toolBar
- qxt:script
- qx:separator
- qx:textField
- qx:embedIframe
- qxt:if
- qx:menuRadioButton
- qx:popup
- qx:slideBar
- qxt:variant
- qx:grow
- qx:tree
- qx:toolBarCheckBox
- qx:treeFile
- qx:vbox
- qx:scroll
- qx:colorSelector
- qx:split
- qx:canvas
- qx:dateField
- qx:spinner
- qxt:subscriber
- qx:menuBarButton
- qx:toolBarButton
- qx:image
- qx:button
- qx:column
- qx:basic
- qx:colorPopup
- qx:repeatButton
- qx:menuBar
- qx:hbox
- qx:grid
- qx:dock
- qx:formMenuButton
- qx:menuButton
- qxt:listener
- qx:stack
- qx:window
- qx:radioGroupBox
- qx:radioGroup
A multi-purpose widget, which combines a label with an icon.
The intended purpose of qx.ui.basic.Atom is to easily align the common icon-text combination in different ways.
This is useful for all types of buttons, tooltips, ...
Example
Here is a little example of how to use the widget.
var atom = new qx.ui.basic.Atom("Icon Right", "icon/32/actions/go-next.png");
this.getRoot().add(atom);
This example creates an atom with the label “Icon Right” and an icon.
External Documentation
Documentation of this widget in the qooxdoo wiki.- center
-
Whether the content should be rendered centrally when to much space is available. Affects both axis.
Default value: false Possible values: - show
-
Configure the visibility of the sub elements/widgets. Possible values: both, text, icon
Default value: "both" Possible values: "both","label","icon" - appearance
-
None
Default value: "atom" Possible values:
- iconPosition
-
The position of the icon in relation to the text. Only useful/needed if text and icon is configured and ‘show’ is configured as ‘both’ (default)
Default value: "left" Possible values: "top","right","bottom","left" - label
-
The label/caption/text of the qx.ui.basic.Atom instance
Default value: Possible values: - rich
-
Switches between rich HTML and text content. The text mode (
false) supports advanced features like ellipsis when the available space is not enough. HTML mode (true) supports multi-line content and all the markup features of HTML content.Default value: false Possible values: - gap
-
The space between the icon and the label
Default value: 4 Possible values: - icon
-
Any URI String supported by qx.ui.basic.Image to display a icon
Default value: Possible values:
{ u'add': { u'*': u'add/defaultWithPosition.mako',
u'layout': u'add/noParent.mako',
u'qx:application': u'add/qx/application.mako',
u'qx:split': u'add/qx/split.mako',
u'qxt:variant': u'add/noParent.mako'},
u'attributes': {u'*': u'attr/default.mako', u'id': u'', u'qxt:*': u''},
u'body': { u'*': u'body/qx/widget.mako',
u'qxt:component': u'body/qxt/component_root.mako'},
u'data': { u'attr': {},
u'props': { u'class': u'qx.ui.basic.Atom',
u'constructor-args': u'label,icon'}},
u'extends': [u'qx:atom', u'qx:widget', u'base']}
LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk &
Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.