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
This is the base class for all widgets.
A widget consists of at least three HTML elements. The container element, which is added to the parent widget has two child Element: The “decoration” and the “content” element. The decoration element has a lower z-Index and contains markup to render the widget’s background and border using an implementation of qx.ui.decoration.IDecorator.The content element is positioned inside the “container” element to respect paddings and contains the “real” widget element.
-container------------ | | | -decoration---- | | | -content----|- | | | | || | | --|------------| | | -------------- | | | ----------------------
External Documentation
Documentation of this widget in the qooxdoo wiki.- droppable
-
Whether the widget acts as a target for drag&drop operations
Default value: false Possible values: - enabled
-
Whether the widget is enabled. Disabled widgets are usually grayed out and do not process user created events. While in the disabled state most user input events are blocked. Only the qx.ui.core.Widget#mouseover and qx.ui.core.Widget#mouseout events will be dispatched.
Default value: true Possible values: - keepActive
-
If this property if enabled, the widget and all of its child widgets will never get activated. The activation keeps at the currently activated widget.
This is mainly useful for widget authors. Please use with caution!
Default value: false Possible values: - font
-
The widget’s font. The value is either a font name defined in the font theme or an instance of qx.bom.Font.
Default value: Possible values: - selectable
-
Whether the widget contains content which may be selected by the user.
Normally only useful for forms fields, longer texts/documents, editors, etc.
Default value: false Possible values: - tabIndex
-
Defines the tab index of an widget. If widgets with tab indexes are part of the current focus root these elements are sorted in first priority. Afterwards the sorting continues by rendered position, zIndex and other criteria.
Please note: The value must be between 1 and 32000.
Default value: Possible values: - draggable
-
Whether the widget acts as a source for drag&drop operations
Default value: false Possible values: - paddingBottom
-
Padding of the widget (bottom)
Default value: 0 Possible values: - paddingTop
-
Padding of the widget (top)
Default value: 0 Possible values: - backgroundColor
-
The background color the rendered widget.
Default value: Possible values: - textColor
-
The text color the rendered widget.
Default value: Possible values: - opacity
-
Mapping to native style property opacity.
The uniform opacity setting to be applied across an entire object. Behaves like the new CSS-3 Property. Any values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.
Default value: null Possible values: - contextMenu
-
Whether to show a context menu and which one
Default value: Possible values: - focusable
-
Whether the widget is focusable e.g. rendering a focus border and visualize as active element.
See also {#isTabable} which allows runtime checks for
isCheckedor other stuff to test whether the widget is reachable via the TAB key.Default value: false Possible values: - keepFocus
-
If this property if enabled, the widget and all of its child widgets will never get focused. The focus keeps at the currently focused widget.
This only works for widgets which are not qx.ui.core.focusable.
This is mainly useful for widget authors. Please use with caution!
Default value: false Possible values: - visibility
-
Controls the visibility. Valid values are:
- visible: Render the widget
- hidden: Hide the widget but don't relayout the widget's parent.
- excluded: Hide the widget and relayout the parent as if the widget was not a child of its parent.
Default value: "visible" Possible values: "visible","hidden","excluded" - padding
-
The ‘padding’ property is a shorthand property for setting ‘paddingTop’, ‘paddingRight’, ‘paddingBottom’ and ‘paddingLeft’ at the same time.
If four values are specified they apply to top, right, bottom and left respectively. If there is only one value, it applies to all sides, if there are two or three, the missing values are taken from the opposite side.
Default value: Possible values: - toolTip
-
Contains the tooltip object connected to the widget.
Default value: Possible values: - anonymous
-
Whether the widget is anonymous.
Anonymous widgets are ignored in the event hierarchy. This is useful for combined widgets where the internal structure do not have a custom appearance with a different styling from the element around. This is especially true for widgets like checkboxes or buttons where the text or icon are handled synchronously for state changes to the outer widget.
Default value: false Possible values: - shadow
-
The decorator used to render the widget’s outline/shadow. The decorator’s insets are interpreted as the amount of pixels the shadow extends the widget’s size.
Note that shadows work only properly in top level widgets like menus, windows or tooltips. If used in inner widgets the shadow may not be cut by the parent widget.
Default value: null Possible values: - decorator
-
The decorator property points to an object, which is responsible for drawing the widget’s decoration, e.g. border, background or shadow
Default value: null Possible values: - zIndex
-
The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.
Default value: null Possible values: - paddingLeft
-
Padding of the widget (left)
Default value: 0 Possible values: - appearance
-
The appearance ID. This ID is used to identify the appearance theme entry to use for this widget. This controls the styling of the element.
Default value: "widget" Possible values: - cursor
-
Mapping to native style property cursor.
The name of the cursor to show when the mouse pointer is over the widget. This is any valid CSS2 cursor name defined by W3C.
The following values are possible crossbrowser:
- default
- crosshair
- pointer
- move
- n-resize
- ne-resize
- e-resize
- se-resize
- s-resize
- sw-resize
- w-resize
- nw-resize
- text
- wait
- help
Default value: null Possible values: - paddingRight
-
Padding of the widget (right)
Default value: 0 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.core.Widget'}},
u'extends': [u'qx:widget', u'base']}
LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk &
Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.