Documentation

Reference
qx:image (qx.ui.basic.Image)

The image class displays an image file

This class supports image clipping, which means that multiple images can be combined into one large image and only the relevant part is shown.

Example

Here is a little example of how to use the widget.

  var image = new qx.ui.basic.Image("icon/32/actions/format-justify-left.png");

  this.getRoot().add(image);

This example create a widget to display the image icon/32/actions/format-justify-left.png.

External Documentation

Documentation of this widget in the qooxdoo wiki.
scale

Whether the image should be scaled to the given dimensions

This is disabled by default because it prevents the usage of image clipping when enabled.

Default value: false Possible values:
allowGrowX
None
Default value: false Possible values:
allowGrowY
None
Default value: false Possible values:
appearance
None
Default value: "image" Possible values:
source

The URL of the image

Default value: null Possible values:
allowShrinkX
None
Default value: false Possible values:
allowShrinkY
None
Default value: false 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.Image',
                               u'constructor-args': u'source'}},
    u'extends': [u'qx:image', u'qx:widget', u'base']}

LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk & Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.

qooxdoo