Something odd¹s happened in your code, I think maybe you¹re setting the
appearance on something other than the ListItem. Here¹s my test app:
/**
* @asset(xyz/*)
*/
qx.Class.define("xyz.Application", {
extend: qx.application.Standalone,
members: {
main: function() {
this.base(arguments);
if (qx.core.Environment.get("qx.debug")) {
qx.log.appender.Native;
qx.log.appender.Console;
}
var doc = this.getRoot();
var lst = new qx.ui.form.List().set({
minWidth: 300,
minHeight: 400
});
lst.add(new qx.ui.form.ListItem("Alpha", "xyz/test.png").set({
appearance: "custom-listitem"
}));
lst.add(new qx.ui.form.ListItem("Bravo", "xyz/test.png").set({
appearance: "custom-listitem"
}));
lst.add(new qx.ui.form.ListItem("Charlie", "xyz/test.png").set({
appearance: "custom-listitem"
}));
lst.add(new qx.ui.form.ListItem("Delta", "xyz/test.png").set({
appearance: "custom-listitem"
}));
lst.add(new qx.ui.form.ListItem("Echo", "xyz/test.png").set({
appearance: "custom-listitem"
}));
// Add button to document at fixed coordinates
doc.add(lst, {
left: 100,
top: 50
});
}
}
});
qx.Theme.define("xyz.theme.Appearance", {
extend: qx.theme.modern.Appearance,
appearances: {
"custom-listitem": {
style: function(states) {
return {
margin: [ 20, 10 ],
gap : 20
};
}
}
}
});
From: Phyo Arkar <[email protected]>
Reply-To: qooxdoo Development <[email protected]>
Date: Tuesday, 18 August 2015 08:32
To: qooxdoo Development <[email protected]>
Subject: Re: [qooxdoo-devel] Set margin between listitems
On Tue, Aug 18, 2015 at 1:57 PM, John Spackman <[email protected]>
wrote:
> typeof hf
Thanks , i am working on it.
----------------------------------------------------------------------------
-- _______________________________________________ qooxdoo-devel mailing
list [email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
