Now I need to work with a bit more complicated layouts. To start with
something I created a simple list renderer class, the following one:

qx.Class.define('templateapp.util.CategoryListRenderer', {
  extend: qx.ui.mobile.list.renderer.Abstract,

  construct: function() {
    var layout = new qx.ui.mobile.layout.VBox();
    this.base(arguments, layout);
    this._init();
  },

  members: {
    __image: null,

    setImage: function(source) {
      this.__image.setSource(source);
    },

    _init: function() {
      this.__image = new qx.ui.mobile.basic.Image();
      this.__image.setAnonymous(true);
      this.add(this.__image);
    },

    reset: function() {
      this.__image.setSource(null);
    }
  },

  destruct: function() {
    this._disposeObjects('__image');
  }
});

As one might expect it shows a list of images:

<http://qooxdoo.678.n2.nabble.com/file/n7585197/Untitled1.png> 

But when I change renderer's layout to HBox:

var layout = new qx.ui.mobile.layout.HBox();

it all brokes. Now my list does not display anything:

<http://qooxdoo.678.n2.nabble.com/file/n7585197/Untitled.png> 

Why does the layout behave in such way? How to fix this?
I also discovered that Image is shown normally when you disable image
"display: block" style in e. g. chrome console.



--
View this message in context: 
http://qooxdoo.678.n2.nabble.com/HBox-layout-issues-tp7585197.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments & Everything In Between.
Get a Quote or Start a Free Trial Today. 
http://pubads.g.doubleclick.net/gampad/clk?id=119420431&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to