Hi Christopher,
using the css class sure is possible. However, while I'm able to control
the HTML element of selected items, it won't allow me to actually
control the list item (in this case the CheckBoxListItem instance), but
I was wondering if there's a way to do that? It just feels "hacky" to
filter for a css class, get the corresponding <li> element and then
select the checkbox within that element. I'd rather control the qx
instance.
Also I was wondering how you managed to add events to your buttons in
the button list. If that's not a problem for the project you wrote it
for, maybe you could share the implementation of that list? I sure could
learn from it.
Thank your for all you help so far.
Kind Regards
Ingo
On 01/31/2013 01:52 PM, Christopher Zündorf wrote:
> As a quick fix, you could use the "selected" state of the menu as a
> indicator, which list item is selected.
>
> The css class
>
> "item-selected"
>
> on the list item could help you. You can take a part of the implementation of
> qx.ui.mobile.dialog.Menu for this purpose.
>
> Greetz Christopher
>
>
> Am 31.01.2013 um 10:28 schrieb Ingo Bürk:
>
> Hi Christopher,
>
> I'm aware that the native box is intended to be hidden. I just pointed out
> that it is at least there, but the replacement-box isn't. As for the
> container: I had already tried that and it didn't change anything. I should
> have mentioned that, sorry. Adding buttons, labels etc. instead of a checkbox
> works fine, by the way. Only checkboxes (and radio buttons) seem to have a
> problem.
>
> Regards
> Ingo
>
> On 01/31/2013 10:23 AM, Christopher Zündorf wrote:
>
> Hi again,
>
> I have had a look at your example, and your problem.
>
> First: the native checkbox input is intended to be hidden. In many browser
> the checkbox styling can not be changed, and that is why we have an overlay
> for this checkbox with CSS pseudo elements.
>
> You problem might be caused by the fact that your check box is not wrapped by
> a composite container. Without the container, the label and the sublabel
> takes the whole space of the list item entry.
>
> I written a renderer for an application which display buttons inside a list
> item. The important methods are:
>
> [...]
> extend : qx.ui.mobile.list.renderer.Abstract,
> [...]
> /**
> * Inits the widgets for the renderer.
> *
> */
> _init : function()
> {
> this.__image = this._createImage();
> this.add(this.__image);
>
> this.__rightContainer = this._createRightContainer();
> this.add(this.__rightContainer, {flex:1});
>
> this.__buttonContainer = this._createButtonContainer();
> this.add(this.__buttonContainer,{flex:0});
>
> this.__title = this._createTitle();
> this.__rightContainer.add(this.__title);
>
> this.__subtitle = this._createSubtitle();
> this.__rightContainer.add(this.__subtitle);
> },
> [...]
> /**
> * Creates and returns the button container composite. Override this to
> adapt the widget code.
> *
> * @return {qx.ui.mobile.container.Composite} the right container.
> */
> _createButtonContainer : function() {
> return new qx.ui.mobile.container.Composite(new
> qx.ui.mobile.layout.HBox());
> },
> [...]
>
>
> Please try to wrap your checkbox by a composite, just like in the example.
> That might help solving your problem.
>
> Greetz Christopher
>
>
>
>
> Am 30.01.2013 um 20:24 schrieb Ingo Bürk:
>
> http://www.airblader.de/qxCheckBoxList/index.html
> <http://www.airblader.de/qxCheckBoxList/index.html#><http://www.airblader.de/qxCheckBoxList/index.html#>
>
>
>
>
>
>
> ------------------------------------------------------------------------------
> Everyone hates slow websites. So do we.
> Make your web apps faster with AppDynamics
> Download AppDynamics Lite for free today:
> http://p.sf.net/sfu/appdyn_d2d_jan
>
>
>
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]<mailto:[email protected]>
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
> ------------------------------------------------------------------------------
> Everyone hates slow websites. So do we.
> Make your web apps faster with AppDynamics
> Download AppDynamics Lite for free today:
> http://p.sf.net/sfu/appdyn_d2d_jan_______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
>
>
> ------------------------------------------------------------------------------
> Everyone hates slow websites. So do we.
> Make your web apps faster with AppDynamics
> Download AppDynamics Lite for free today:
> http://p.sf.net/sfu/appdyn_d2d_jan
>
>
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
Everyone hates slow websites. So do we.
Make your web apps faster with AppDynamics
Download AppDynamics Lite for free today:
http://p.sf.net/sfu/appdyn_d2d_jan
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
